我有以下
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; }此代码选择除< 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>元素.所以你可以使用这个.