有人知道在使用 CSS 选择元素时限制子深度的解决方案吗？
例子:
.my-class div div:end(styles:here)
这将避免必须将 CSS 类添加到页面中的每个第二个 div，同时防止样式向下传递给第三个第四个等子级。
最佳答案
您可以使用 the > operator 明确告诉它只搜索更深一层.
考虑以下示例:
#target > p > span {
background: red;
}
这将搜索 #target对于直接子元素<p> ，并在该元素内，将搜索直接 子元素 <span> .所以如果有一个嵌套的 <p>元素，以及其中的 span，它不会受到影响。
一个非常常见的用途是用于嵌套列表项，您希望主列表设置样式，但次列表不设置样式。
ul#parent > li /* Direct descendant. */
ul#parent > li > ul > li /* 2 levels deep descendant. */
关于html - CSS限制深度样式可以应用于元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7030794/