让你的CSS像Jquery一样做筛选的实现方法

用Jquery去操作HTML元素很方便,能够灵活自如的去查找。其实CSS也可以灵活方便的去查找筛选,以下用到的一些,整理了一下,还有很多有趣的用法,后续会继续添加。

语法说明:
E -- 元素
att -- 属性
val -- 属性值


E:first-child
E:last-child

匹配文档中具有att属性的E元素
语法: E[att]

匹配文档中具有att属性且其值为val的E元素
语法: E[att=val]

匹配文档中具有att属性且其中一个值(多个值使用空格分隔)为val(val不能包含空格)的E元素
语法: E[att~=val]

匹配文档中具有att属性且其中一个值为val,或者以val开头紧随其后的是连字符的E元素
语法: E[att|=val]

匹配文档中具有att属性且其值的前缀为val的E元素
语法: E[att^=val]

匹配文档中具有att属性且其值的后缀为val的E元素
语法: E[att$=val]

匹配文档中具有att属性且其包含val的E元素
语法: E[att*=val]

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdfyxd.html