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

前端之家收集整理的这篇文章主要介绍了html – CSS *:not(div p)没有选择任何东西前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下 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;
}

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

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

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

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

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

原文链接:https://www.f2er.com/html/224249.html

猜你在找的HTML相关文章