css中:not用法是什么
时间:2021-08-04 来源:互联网
今天PHP爱好者给大家带来css中:not用法教程,在css中,“:not”是选择器的一种,如果希望某个样式不作用到选择器上,可以使用:not(选择器),语法格式为“ 元素:not(元素id){属性:属性值;}”;该选择器匹配非指定元素/选择器的每个元素。希望对大家有所帮助。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
如果希望某个样式不作用到选择器上,可以使用:not(选择器)
如:
<input type="text" value="1" />
<input type="text" value="2" />
<input type="text" class="no-red" value="3"/>
input[type="text"] {
display: block;
width: 300px;
margin-bottom: 20px;
padding-left: 10px;
color: red;
}
这样写效果如下:
如果希望input[type=“text”]的样式不作用到第三个input上,可以这样写:
input[type="text"]:not(.no-red) {
display: block;
width: 300px;
margin-bottom: 20px;
padding-left: 10px;
color: red;
}
则效果如图所示:
以上就是css中:not用法是什么的详细内容,更多请关注php爱好者其它相关文章!
-
-
打游戏输了,我竟然开始安慰对手 2025-06-06
-
币安怎么购买Kujira(KUJI)币?KUJI币购买教程与币安binance下载入口 2025-06-06
-
币安怎么购买Kava(KAVA)币?KAVA币购买教程与币安binance下载入口 2025-06-06
-
朋友请我吃饭,AA之后我请他绝交 2025-06-06
-