有 关于2022年02月18日整理发布：cssnot选择器怎么用方面的知识，小编在此整里出来，给大家作为参考，下面就详细的介绍一下关于2022年02月18日整理发布：cssnot选择器怎么用的相关内容。

我来给大家解释一下如何使用css:not selector。相信朋友们也应该密切关注这个话题。现在来说说如何使用CSS 3360 not selector给朋友。边肖还收集了有关如何使用CSS 3360而不是选择器的相关信息。我希望你看到后会喜欢。

在css中，not选择器用于匹配未指定元素/选择器的每个元素，语法格式为“:not(selector)”。not选择器可以为每个未指定的元素设置样式，例如，“: not(p){ background 3360 red；”就是为每个不是p元素的元素设置背景色。

(资料图片仅供参考)

本教程操作环境：windows7系统，CSS3HTML5第5版，戴尔G3电脑。

:not()选择器用于显示一些特殊功能。让我举一个我的用法的例子：

当鼠标悬停在这些标签上时，它会像第二个标签一样改变颜色。

当您单击第一个标签“资产部门”然后将鼠标悬停在它上面时，您不希望出现这种特殊效果。

这种改变如何实现？

很简单，使用：not()选择器就可以轻松解决这个问题。

W3CSchool的定义：

:not(选择器)选择器匹配未指定元素/选择器的每个元素。

看我怎么做才能达到上面的效果。

原始代码：pr-pos-box_tab {

display:内联块；

margin-right : 5px；

padding: 10px 12px 8px

color : @ pr-深灰色-2；

font-size : 13px；

font-weight:粗体；

背景色： @ pr-中灰色；

cursor:指针；

:最后一个孩子{

右边距： 0；

}

:悬停{

背景色： @ pr-浅灰色-7；

}

}更改的代码：pr-pos-box_tab {

display:内联块；

margin-right : 5px；

padding: 10px 12px 8px

color : @ pr-深灰色-2；

font-size : 13px；

font-weight:粗体；

背景色： @ pr-中灰色；

cursor:指针；

:最后一个孩子{

右边距： 0；

}

}。pr-pos-box_tab:not(。pr-pos-box_tab - selected) {

:悬停{

背景色： @ pr-浅灰色-7；

}

}看出区别了吗？

是~不是(。pr-pos-box _ tab-selected)用于防止悬停作用于pr-pos-box _ tab-selected标签。

变更后的效果图：

(学习视频分享：css视频教程)以上是如何使用css :not()选择器的详细内容。请多关注php中文网站的其他相关文章！

来源：php中文网站

关键词： 相关文章 特殊效果 视频教程 就可以轻松