在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
选择器 p[name^=“my”]{font-size:14px} 选择器 ^= 讲规则应用到所有 name属性以“my”开头的<p>元素标签 p[name$=“my”]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性以“my”结尾的<p>元素标签 p[name*=“my”]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性包含“my”结尾的<p>元素上 选择器 > 、 + 、~ 选择器>表示受影响的元素是第一个元素的子元素。 选择器+这 个选择器引用紧跟元素之后的元素,这两个元素必须有相同父级。 选择器~与+类似,但受影响的元素不一定紧跟第一个元素。 伪类与引用元素名称之间要加“:” 例:myclass:nth-child(2) myclass元素中的第二个素 关键字“odd” ,“even” myclass:nth-child(odd):影响其父元素索引位置为奇数的 myclass:nth-child(even):影响其父元素索引位置为偶数的 复制代码 代码如下:<style> .test:nth-child(odd) { color:Blue; } .test:nth-child(even) { color: Red; } .test:nth-child(2) { color: Green; } </style> <div class="test"> <p> 1 </p> <p> 2 </p> </div> <p class="test"> 1 </p> <p class="test"> 2 </p> <p class="test"> 1 </p> <p class="test"> 2 </p> 效果如下: 1 2 1 2 1 2 否定伪类 :not(p){color:red} 除了<p>元素之外的其他元素都为red |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论