我来给大家解释一下如何使用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中文网站
标签：
免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！