html – CSS限制深度样式可以应用于元素

有没有人知道在用CSS选择元素时限制子深度的解决方案？

例：

.my-class div div:end(styles:here)

这样可以防止必须将CSS类添加到页面中的每个第二个div,同时防止样式传递给第三个等等的子节点.

解决方法

请考虑以下示例：

#target > p > span {
    background: red;
}

这将在#target中搜索直接子元素< p>,并在该元素中搜索直接子元素< span>.所以如果有一个嵌套的< p>元素,以及它内部的跨度,它不会受到影响.

一个非常常见的用途是嵌套列表项,您希望主列表设置样式,而辅助列表则不需要.

ul#parent > li /* Direct descendant. */
ul#parent > li > ul > li /* 2 levels deep descendant. */

（编辑：重庆站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!