在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视频教程
以上就是css中:not用法是什么的详细内容,更多请关注php中文网其它相关文章!
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:css上边距怎么写
- 下一篇:css怎么让背景图拉伸
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论