我需要在第一个faq-category-group类的div上设置样式,而不会影响faq-category-indent内的faq-category-group的样式.如何才能做到这一点?
这些类是由PHP模块自动生成的,因此不能更改类名以使选择器更容易.
<div class="faq">
<div class="faq-category-group">Content</div>
<div class="faq-category-indent">
<div class="faq-category-group">Content</div>
</div>
</div>
最佳答案
通过该结构,仅选择作为< div class =“ faq”>的子级的组.并将不需要的样式应用于缩进的组. < div class =“ faq-category-indent”>中包含的组.不会受到影响.
.faq .faq-category-group {
/* Styles for all groups */
}
.faq > .faq-category-group {
/* Styles for non-indented groups */
}
当然,这假定您不关心IE6.否则,另一个更冗长的解决方案是:
.faq .faq-category-group,.faq .faq-category-indent .faq-category-group {
/* Styles for all groups */
}
.faq .faq-category-group {
/*
* Styles for non-indented groups.
* Works because .faq .indent .group above is more specific than
* this one,so the above rule will override this one.
*/
}
这是涵盖两种情况的jsFiddle example.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。