css3语法(类似于正则)
属性选择器:属性是相对于标签而言。 所谓属性选择器就是根据指定名称的属性的值来查找元素 /*1.E[attr]:查找指定的拥有attr属性的E标签。如查找拥有style属性的li标签*/ li[style]{ text-decoration: underline; }
/*2.E[attr=value]:查找拥有指定的Attr属性并且属性值为value的E标签。如想查找拥有class属性并且值为Red的li标签 =是严格匹配*/ li[class=red]{ /*font-size: 30px;*/ } /*3.E[attr*=value]:查找拥有指定的attr属性并且属性值中包含(可以在任意位置)value的E标签*/ li[class*=red]{ /*font-size: 30px;*/ } /*4.E[attr^=value]:查找拥有指定的attr属性并且属性值以value开头的E标签*/ li[class^=blue]{ font-size: 30px; } /*5.E[attr$=value]:查找拥有指定的attr属性并且属性值以value开结束的E标签*/ li[class$=blue]{ /*font-size: 30px;*/ }
+:获取当前元素的相邻的满足条件的元素 ~:获取当前元素的满足条件的兄弟元素
这种用法不是很友善,一般数据项是从后台获取的,有很多未知列
可以使用first-of-type限制类型
指定位置的项
空值的项