前端开发者必须记住的8个css选择器

如所有图片，a[data-filetype="image"] 就相当于

a[href$=".jpg"], 
a[href$=".jpeg"], 
a[href$=".png"], 
a[href$=".gif"]  

但是需要注意的是，要在a链接找那个加data-filetype的属性，不然也是不会生效的

x[自定义data属性~="自定义属性内容"]，会匹配自定义属性中的自定义内容一样的样式。如图所示

    a[data-user~="toutiao"] { 
             color:green; 
            } 
              
            a[data-user~="hello"] { 
             border: 1px solid red; 
            } 

【编辑推荐】

1. “12306”是如何支撑百万QPS的_技术栈微信半月刊第51期
2. 麻省理工学院开发出组装机器人：未来可建造太空殖民地
3. 边缘计算技术发展现状与对策
4. 开发人员花在实际编写代码上的时间有多少？
5. 2020 时代的开发人员关键词：开源和远程办公

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!