我想使用一个开关在网页上的段落标签的布局。
我使用后伪元素:
p:after {content: url("../img/paragraph.gif");}
现在我需要从页面中删除此CSS代码。
这怎么容易做到呢?
我还想补充一点:
页面上已经使用了jQuery 和我不想包括或删除文件包含CSS。
我想使用一个开关在网页上的段落标签的布局。
我使用后伪元素:
p:after {content: url("../img/paragraph.gif");}
现在我需要从页面中删除此CSS代码。
这怎么容易做到呢?
我还想补充一点:
页面上已经使用了jQuery 和我不想包括或删除文件包含CSS。
你需要添加一个css规则,删除后的内容(通过类)..
由于一些有效的评论的更新。
完全删除/禁用:after规则的更正确的方法是使用
p.no-after:after{content:none;}
正如Gillian Lo Wong回答的那样。
原来的答案
你需要添加一个css规则,删除后的内容(通过类)..
p.no-after:after{content:"";}
当你想用这条线把这个类加到p中
$('p').addClass('no-after'); // replace the p selector with what you need...
一个工作示例:http://www.jsfiddle.net/G2czw/
这取决于伪选择器实际添加了什么。在你的情况下,将content设置为""将会去掉它,但如果你在设置边界或背景或其他什么,你需要明确地将这些归零。据我所知,没有一种包治百病的方法可以删除关于前后元素的所有内容,不管它是什么。
p:after {
content: none;
}
None是将内容(如果指定的话)设置为空的正式值。
http://www.w3schools.com/cssref/pr_gen_content.asp
正如Gillian的回答中提到的,为内容分配none可以解决问题:
p::after {
content: none;
}
请注意,在CSS3中,W3C建议对伪元素使用两个冒号(::),例如::before或::after。
来自MDN网络文档伪元素:
注意:作为规则,应该使用双冒号(::)而不是单冒号 冒号(:)。这区分了伪类和伪元素。 然而,由于这种区别不存在于旧版本的 W3C规范,大多数浏览器都支持这两种语法 兼容性。注意::selection必须总是以double开头 冒号(::)。