CSS限制深度样式可以应用于元素
有人知道使用 CSS 选择元素时限制子深度的解决方案吗？
示例：
.my-class div div:end(styles:here)
这将防止必须向页面中的每个第二个 div 添加 CSS 类，同时防止样式向下传递到第三个第四个等子级。
Does anybody know of a solution to limit the child depth when selecting an element with CSS?
Example:
.my-class div div:end(styles:here)
This would prevent having to add CSS classes to every single second div in the page while preventing styles from being passed on down to the third fourth etc. child.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以明确地告诉它仅使用
进行更深层次的搜索>>运算符。考虑以下示例：
这将在
#target中搜索 direct 子元素，并在该元素内搜索直接子元素。因此，如果有一个嵌套的元素，并且其中有一个 span，它不会受到影响。
一个非常常见的用途是嵌套列表项，您希望主列表具有样式，但次要列表不具有样式。
You can specifically tell it to search only 1 level deeper with the
>operator.Consider the following example:
This will search
#targetfor a direct child element<p>, and within that element, will search for a direct child element<span>. So if there is a nested<p>element, and a span inside of it, it won't be affected.A very common use is for nested list items, where you want the main list to style, but the secondary list to not.