我有下拉菜单,但子导航会从父导航中获取所有CSS设置。我可以做到它不会占用任何东西,并且会显示为未设定的元素?无法将新的原始值设置为子元素
结构是这样的:
<ul>
<li>something</li>
<li>something
<ul>
<li>submenu1</li>
</ul>
</li>
</ul>
我有下拉菜单,但子导航会从父导航中获取所有CSS设置。我可以做到它不会占用任何东西,并且会显示为未设定的元素?无法将新的原始值设置为子元素
结构是这样的:
<ul>
<li>something</li>
<li>something
<ul>
<li>submenu1</li>
</ul>
</li>
</ul>
您可以通过外ul
的父元素直接添加这些属性。像这样:
li { // standard properties
color: black;
}
.menu > ul > li { // properties only for the outer li elements
color: red;
}
是的,你可以添加它与“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文档的任何元素。
我希望你能理解它:)
大多数属性都是继承的。您可以通过再次将它们定义为孩子来解除它们,比如说:'font-weight:unset;' – pol
@pol,请参阅https://jsfiddle.net/rs0tvn9m/。请注意,颜色不会未设置(至少在Chrome中)。 –
有时需要使用'initial'。我从来不需要取消这样的属性。 – pol