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;
height: 30px;
margin-bottom: 20px;
padding-left: 10px;
color: red;
}
这样写效果如下:
如果希望input[type=“text”]的样式不作用到第三个input上,可以这样写:
input[type="text"]:not(.no-red) {
display: block;
width: 300px;
height: 30px;
margin-bottom: 20px;
padding-left: 10px;
color: red;
}
则效果如图所示:
以上就是css中:not用法是什么的详细内容,更多请关注php爱好者其它相关文章!
-
剑与远征启程装备铸造石获取方法装备铸造石怎么得 时间:2024-08-28
-
光遇2024年8月23日每日任务完成方法 时间:2024-08-28
-
去远方游戏第二章主线攻略介绍 时间:2024-08-28
-
原神8月16日礼包兑换码2024 时间:2024-08-28
-
无限暖暖什么时候上线 时间:2024-08-28
-
探探猫大作战游戏礼包码合集一览 时间:2024-08-28
今日更新
- 外部css样式不生效怎么办
阅读:18
- css中的单选怎么做
阅读:18
- css如何改变字体粗细
阅读:18
- 你值得了解的ps“内容识别缩放”使用小技巧
阅读:18
- css上边距怎么写
阅读:18
- 批量替换WordPress文章中的文字
阅读:18
- 闲置物品二手交易平台有哪些
阅读:18
- Windows照片查看器出现无法显示此图片该怎么办?如何才能解决?
阅读:18
- css怎么让背景图拉伸
阅读:18
- 虚拟机软件有哪些
阅读:18