水滴石主要分享一些生活中的经验和IT技术自学过程中积累的技术、学习资源和软件资源等。座右铭:坚持+自律=开挂人生。
当前位置: 首页 > 网站建设 > css3排除选择器not()-实现反选|除了的效果

css3排除选择器not()-实现反选|除了的效果

标签: css+div html

当我们在设置css样式时,有时候需要选择某一类标签中的某几个不选择,达到除了、反选、排除效果,这时候就会用到css3新加的排除选择器not()。接下来就让我们用例子来说明一下not()选择器怎么用吧。


预期效果:选取除了id="one"的所有div。

例子:

<div id="one">one</div>
<div id="two">two</div>
<div id="three">three</div>

实现代码:

<style>
div not(#one){
color:red;
}
</style>

not排除选择器例子

css3新增的not排除选择器就适用于在某一个大类中排除个别几个元素的时候使用。

更多相关推荐

版权保护:本文《css3排除选择器not()-实现反选|除了的效果》由<我爱分享>原创,转载请保留链接:http://www.shuidi365.cn/site/87.html

相关推荐
  • 没有相关文章

此博客主要用来分享、推荐自己日常、学习过程中感觉比较实用的经验、IT技术和一些比较好的资源(各种软件、各种开发手册、各种学习资料、各种视频教程等),希望对大家有所帮助,有问题请留言,欢迎来交流,联系QQ邮箱/微信:342807450

合作伙伴
冀ICP备19020226号-1 冀公网安备 13010902000246号