HTML5+CSS3 使用选择器来插入文字

HTML5+CSS3 使用选择器来插入文字

在CSS 3中，可以使用before在标签前面插入内容，使用after选择器在标签后面插入内容，然后使用选择器中的content属性设置要插入的内容。

在上述代码中，使用before标签在p标签前插入内容，使用after标签在p标签后插入内容，使用content属性设置插入内容。

before元after元

从上述代码可以看出，在页面中为P标签使用after和before选择器，所以该页面上如果有多个p标签，则所有p标签前面或后面会被插入内容。

如果要解决这个问题，可以在content属性中追加一个none属性值。

属性值设定为“none”。这时，该标签将不在插入内容。

设置content属性值为none

在CSS 3中，除了none属性值外，还为content属性添加一个“normal”属性值，其作用与使用none属性值的方法相同。