嘿SO,我的CSS有点生疏,所以跟我一起:)
我正在使用具有border-bottomh2,h3,h4,h5,h6属性的布局.我的一个页面使用h3来显示FAQ列表的标题,并且它有一个锚标记,因为有一个扩展/合约脚本处于活动状态(点击标题,FAQ出现在标题下方).我不希望这些特定的h3元素具有边框.是否有可用于实现此目的的特定CSS语法?也许是这样的:
#content a,h3 {
border-bottom:none;
}
Run Code Online (Sandbox Code Playgroud)
这显然是错误的,因为它只会清除驻留在我的内容容器中的任何a/h3元素的任何底部边框.
谢谢!
<h3><a href="#">Text</a></h3>
没有CSS选择器会根据父级选择元素.最好的解决方案是为FAQ容器提供ID或类,然后:
#faq h3 {
border-bottom: none;
}
Run Code Online (Sandbox Code Playgroud)