html – CSS *:not(div p)没有选择任何东西

前端之家收集整理的这篇文章主要介绍了html – CSS *:not(div p)没有选择任何东西前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下 HTML代码: @H_502_2@<div> <p> linux version</p> <h1> new tool </h1>

而一些CSS应该选择< h1>但不选择任何东西.

@H_502_2@*:not(div p) { font-family: sans-serif; }

以下不行:

@H_502_2@*:not(div>p) {}

我有这么多这样的< div> < p为H.在HTML中,而以下选择并应用字体:

@H_502_2@div p { font-family: sans-serif; }

解决方法

@H_502_2@<div> <p> linux version</p> <h1> new tool </h1>` </div>

现在考虑下面的CSS代码

@H_502_2@*:not(div p) { font-family: sans-serif; }

代码选择除&l​​t; p>之外的所有元素在< div>之内.所以< div>也由选择器*:not(div p)选择,因此< div>的所有内容.获得风格:font-family:sans-serif.因此,< p> < div>中的元素也得到风格.

注:你应该跟踪,以便两个CSS声明不会相互矛盾.那么如果这种矛盾出现在声明中应用一些风格胜利的声明,该声明禁止将该风格应用于该元素.

因此下面的代码将运行正常

@H_502_2@div>:not(p) { font-family: sans-serif; }

此选择器将选择< div>除了< p>元素.所以你可以使用这个.

猜你在找的HTML相关文章