css - before/after

:before, 在元素内的前面加入内容;

:after, 在元素内的后面加入内容;

常用方式有带入文本, 格式成块, 自动排序

div:before {
	content: '¥';
}

/*元素属性*/
div:before {
	content: attr(data-order);
}

/*自动排序*/
div {
	counter-reset: order;
}
div p:before {
	counter-increment: order;
	content: counter(order)'.';
}


参考: https://www.runoob.com/try/try.php?filename=trycss_gen_counter-reset

猜你喜欢

转载自blog.csdn.net/NaShiShiWo/article/details/81206560