在选择CSS
的元素时,是否有人知道限制子深度的解决方案?
示例:
.my-class div div:end(styles:here)
这样可以防止必须将CSS
类添加到页面中的每个第二个div,同时防止样式传递给第三个等等的子节点。
答案 0 :(得分:17)
您可以明确告诉它只使用the >
operator搜索更深的1级。
考虑以下示例:
#target > p > span {
background: red;
}
这将在#target
搜索直接子元素<p>
,并在该元素中搜索直接子元素{{ 1}}。因此,如果存在嵌套的<span>
元素及其内部的跨度,则不会受到影响。
一个非常常见的用途是嵌套列表项,您希望主列表设置样式,而辅助列表则不需要。
<p>