html – 只适用于父母但不适用于儿童的CSS

概述我有一个这样无序的列表： <div class="list"><ul> <li> list1 <ul> <li>Sub list1</li> <li>Sub list2</li> <li>Sub list3</li> </ul> </li> <li> 我有一个这样无序的列表：

<div ><ul>    <li>        List1        <ul>            <li>Sub List1</li>            <li>Sub List2</li>            <li>Sub List3</li>        </ul>    </li>    <li>        List2        <ul>            <li>Sub List1</li>            <li>Sub List2</li>            <li>Sub List3</li>        </ul>    </li></ul></div>

我现在想将CSS应用于第一个列表，但不适用于其子项ul和li。我尝试过以下 *** 作：

.List ul li{background:#ccc;}

…但背景颜色应用于所有列表。应该做什么来改变只有父母而不是孩子的CSS。

解决方法 使用直接后代运算符>为了那个原因：

.List > ul > li { ... }

>运算符只选择元素的直接子元素。

但是请注意，尽管没有任何背景颜色直接分配给列表项，但是列表项目中的任何内容当然都具有列表项的背景。

总结

以上是内存溢出为你收集整理的html – 只适用于父母但不适用于儿童的CSS全部内容，希望文章能够帮你解决html – 只适用于父母但不适用于儿童的CSS所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。