无法将新的原始值设置为子元素

我有下拉菜单，但子导航会从父导航中获取所有CSS设置。我可以做到它不会占用任何东西，并且会显示为未设定的元素？无法将新的原始值设置为子元素

结构是这样的：

<ul> 
    <li>something</li> 
    <li>something 
    <ul> 
     <li>submenu1</li> 
    </ul> 
    </li> 
</ul>

2017-02-19 H Sturma

大多数属性都是继承的。您可以通过再次将它们定义为孩子来解除它们，比如说：'font-weight：unset;' – pol

@pol，请参阅https://jsfiddle.net/rs0tvn9m/。请注意，颜色不会未设置（至少在Chrome中）。 –

有时需要使用'initial'。我从来不需要取消这样的属性。 – pol

您可以通过外ul的父元素直接添加这些属性。像这样：

li { // standard properties 
color: black; 
} 
.menu > ul > li { // properties only for the outer li elements 
color: red; 
}

2017-02-19 17:31:16 Siphalor

是的，你可以添加它与“nth-child”。

我解释给你之前，你知道html文件嵌套，所以我可以选择，我想

的第n个孩子的使用就像任何标签的任何的孩子，

[标签]：第n个孩子（[孩子的数量，我想样式]）

下面的例子（你会使用CSS）： -

<style> 
ul li:nth-child(3) { 
color: #FAF0F0; 
background-color: black ; 
width: 50px; 
height: 10px; 
}

这将改变锡尔d li孩子，并且不会改变其他人[因为我写了第n个孩子（3）] ，并且将使其成为#FAF0F0颜色，黑色背景颜色，50px宽度，10px高度。

因此，对于第n个子类，您将能够设置html文档的任何元素。

我希望你能理解它:)

2017-02-19 17:55:06

回答