在css中， ":not"选择器主要用于排除某个class或id来设置元素的样式 。 下面小编举例讲解css中如何使用":not"选择器定义样式 。
文章插图
需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件， 定名为test.html， 用于讲解css中若何利用":not"选择器界说样式 。
文章插图
2在test.html文件内， 利用li标签建立一个列表， 用于测试 。
文章插图
3在test.html文件内， 设置第二个li标签的class为mycss 。
文章插图
4在css标签内， 经由过程li标签名称和“:not”选择器选择class不为mycss的li元素 。
文章插图
5【css中如何使用":not"选择器定义样式】在css标签内， 再利用color属性设置合适选择器前提的li元素的文本颜色为红色 。
文章插图
6在浏览器打开test.html文件， 查看实现的结果 。
文章插图
总结：11、利用li标签建立一个列表， 用于测试 。 2、设置第二个li标签的class为mycss 。 3、在css标签内， 经由过程li标签名称和“:not”选择器选择class不为mycss的li元素 。 4、在css标签内， 再利用color属性设置合适选择器前提的li元素的文本颜色为红色 。 5、在浏览器打开test.html文件， 查看实现的结果 。
以上内容就是css中如何使用":not"选择器定义样式的内容啦， 希望对你有所帮助哦！
推荐阅读
- 用css如何定义最后一个li标签的样式
- css如何使用:first
- css如何设置div最大的宽度
- wps演示中如何进行箭头型纯文字排版
- wps演示中如何制作紫色系工作总结封面
- wps演示中如何制作线条型结束页面
- wps演示中如何进行白色矩形段落排版
- wps演示中如何制作撞色扁平化过渡页面
- word2019如何设置粘贴时仅保留文本
- wps演示中如何制作蓝色商业风通用封面