关于css ul属性

如果我指定喜欢
.a ul{}
.a ul li{}
.b ul{}
.b ul li{}
.b
ul
的性质是否与
.a
ul
的性质完全分开?或者他们会很常见? 我希望
ul
的风格在
.b
中完全与
ul
的风格完全分开,而不使用
div id
。谢谢。     
已邀请:
只要您在HTML中确保
class="b"
元素内没有
class="a"
元素,反之亦然,您的选择器将适用于单独的
<ul>
。 如果出现以下情况,它们仅适用于
.a
.b
中的
<ul>
s: 您将选择器分组,如下所示:
.a ul, .b ul {}
.a ul li, .b ul li {}
您为两个选择器声明完全相同的样式规则 在你的HTML中,
<ul>
包含在两个类的元素中(无论是
.b
.a
.b
内还是
.b
.a
内),例如:
<div class="a b">
    <ul><li>Item</li></ul>
</div>

<div class="b">
    <div class="a">
        <ul><li>Item</li></ul>
    </div>
</div>

<div class="a">
    <div class="b">
        <ul><li>Item</li></ul>
    </div>
</div>
请注意,这仅在第二个项目符号为真时才完全适用;由于级联的影响,您可能无法获得预期的结果。     
如果父母只有两个类别中的一个,
.a
.b
,它们将完全不同。但是如果父类具有两个类,则取决于css层次结构。     
具有class =“a”的元素中的任何uls都将获得.a样式。 class =“b”中的任何内容都将获得b样式。 如果b嵌套在a中,则a和b两种样式都会出现,除非在a和b中都设置了相同的属性 - 在这种情况下b将优先。 例如
<div class="a">
<div class="b">
<ul>
<li>...</li> etc
如果在容器上定义class =“a b”,如Boltclock所阐明的那样,任何定义为.a.b ul的样式都将是最具体的,并覆盖.a或.b中定义的相同属性。如果共享属性仅存在于.a和.b中,则稍后在样式表中声明的优先级将优先     

要回复问题请先登录注册