gpt4 book ai didi

没有空格的元素和自身属性的 CSS 规范

转载 作者:太空宇宙 更新时间:2023-11-04 00:16:52 28 4
gpt4 key购买 nike

以下样式在规范方面有何不同?

  ul .active { background: #E7F3EF;}
ul li.active { background: #E7F3EF;}


<ul>
<li class="active">Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

最后一个我在 sass 中错误地编码为 ul li .active 并且花了我一些时间来弄清楚。

最佳答案

ul .active { background: #E7F3EF;}

这个将匹配任何类名为“active”的元素,它是 ul 的后代。元素。

ul li.active { background: #E7F3EF;}

这个将匹配任何 li类名为“active”的元素是 ul 的后代元素。

ul li .active { background: #E7F3EF;}

这个会匹配任何类名为“active”的元素,它是 li 的后代。元素,它是 ul 的后代元素。

如您所见,空格是相关的。选择器中的空格通常表示后代组合器。

有关规范的相关部分,请参阅“Descendant combinators”。

关于没有空格的元素和自身属性的 CSS 规范,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10947861/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com