css中如何使用":not"选择器定义样式
在css中，":not"选择器主要用于排除某个class或id来设置元素的样式 。下面小编举例讲解css中如何使用":not"选择器定义样式。
东西/原料
- css+html
- 代码编纂器：zend 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标签内，再利用color属性设置合适选择器前提的li元素的文本颜色为红色。
- 6
在浏览器打开test.html文件，查看实现的结果。
总结：
- 1
1、利用li标签建立一个列表，用于测试。2、设置第二个li标签的class为mycss。3、在css标签内，经由过程li标签名称和“:not”选择器选择class不为mycss的li元素。4、在css标签内，再利用color属性设置合适选择器前提的li元素的文本颜色为红色。5、在浏览器打开test.html文件，查看实现的结果。
- 发表于 2020-10-28 20:00
- 阅读 ( 28 )
- 分类：其他类型
