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爱好者其它相关文章!
-
崩坏星穹铁道2.5三月七隐藏成就 2024-11-28
-
什么是域名备案 域名备案怎么弄 域名备案查询 2024-11-28
-
大江湖之苍龙与白鸟天摩小尼玩法介绍 2024-11-28
-
剑与骑士团游戏类型介绍 2024-11-28
-
银行卡三要素是哪三要素 银行卡三要素认证失败是什么意思 2024-11-28
-
剑与骑士团神器用法介绍 2024-11-28