1NetMedia_Blog

<< 网站纠错代码示例  类别: Html Jquery中Ajax并发处理,ajax链接... >>
CSS中~词列表选择
[ 日期: 2017-05-09 1:19:26 PM | 作者: admin | 来源: 本站整理 | 人气:821 | 晴天 | 心情: +2 ] 字号: 【
急速栏目链接:
标签:~  |  选择器  |  
根据部分属性值选择
如果需要根据属性值中的词列表的某个词进行选择,则需要使用波浪号(~)。
假设您想选择 class 属性中包含 important 的元素,可以用下面这个选择器做到这一点:
p[class~="important"] {color: red;}


当前对象与~后面对象不存在包含关系,并列关系
.demo input[type=checkbox]:checked ~ .to-be-changed {
color: red;
}



      提示:您可以先修改部分代码再运行

   
Rss Comment  

没有相关评论

发表评论
请先注册,才能发表评论!
- 注册 -