#main > :not(a)
表示匹配“#main的任何直接子元素,但不包括a元素”。#main { background: blue; }
#main > a { background: white; }
文本节点没有样式。您可以考虑使用inline-block/block标签使其出现在不同的行中。
请查看以下代码片段:
#main a{
display:block;
}
#main *:not(a){
background:blue;
}
<div id="main">
<span>Color Blue </span>
<a>No color</a>
</div>