我有以下
HTML代码:
<div> <p> linux version</p> <h1> new tool </h1>
而一些CSS应该选择< h1>但不选择任何东西.
*:not(div p) { font-family: sans-serif; }
以下不行:
*:not(div>p) {}
我有这么多这样的< div> < p为H.在HTML中,而以下选择并应用字体:
div p { font-family: sans-serif; }
解决方法
<div> <p> linux version</p> <h1> new tool </h1>` </div>
现在考虑下面的CSS代码 –
*:not(div p) { font-family: sans-serif; }
此代码选择除< p>之外的所有元素在< div>之内.所以< div>也由选择器*:not(div p)选择,因此< div>的所有内容.获得风格:font-family:sans-serif.因此,< p> < div>中的元素也得到风格.
注:你应该跟踪,以便两个CSS声明不会相互矛盾.那么如果这种矛盾出现在声明中应用一些风格胜利的声明,该声明禁止将该风格应用于该元素.
因此下面的代码将运行正常
div>:not(p) { font-family: sans-serif; }
此选择器将选择< div>除了< p>元素.所以你可以使用这个.