当前位置:文档之家› HTML5+CSS3 使用选择器来插入文字

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属性值的方法相同。

相关主题