今天给大家分享的是关于css中not()选择器的用途和用法的内容,一般我们在想要某个样式不作用到选择器上时,就可以使用not()选择器,一些新手可能对其用法不是很清楚,下面我们就通过实例来了解一下。
如果希望某个样式不作用到选择器上,可以使用: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()选择器的用途和用法就介绍到这了,上述实例有一定的参考价值,感兴趣的朋友可以参考,希望大家阅读完这篇文章能有所收获,想要了解更多请关注群英网络其它相关文章。
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2018 群英 版权所有 茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号-36 粤公网安备 44090202000006号 粤工商备P091701000595