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

发布时间：2020-12-14 19:33:51 所属栏目：资源来源：网络整理

导读：我有以下 HTML代码： div p linux version/p h1 new tool /h1 而一些CSS应该选择 h1但不选择任何东西. *:not(div p) { font-family: sans-serif;} 以下不行： *:not(divp) {} 我有这么多这样的 div p为H.在HTML中,而以下选择并应用字体： div p { font-famil

我有以下 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>元素.所以你可以使用这个.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!