在下面的代码片段中,我将第一个列表项设置为红色,并隐藏了所有其他列表项。
然后,我尝试通过定位到li元素来显示所有列表项并使它们都变成黑色。
目前,使用最后一个li选择器没有任何视觉输出的变化。
所以,我想知道为什么最后一个li选择器对视觉输出没有影响?
谢谢。
然后,我尝试通过定位到li元素来显示所有列表项并使它们都变成黑色。
目前,使用最后一个li选择器没有任何视觉输出的变化。
所以,我想知道为什么最后一个li选择器对视觉输出没有影响?
谢谢。
li:not(:first-child) { /* Hide all li elements other than the first one */
display: none;
}
li:first-child { /* Set list item 1 to be red */
color: red;
}
/* Undo all changes above */
li { /* Make all li elements have this property ()*/
display: block;
color: black;
}
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>