CSS功能强大的选择器

 ul[class]{background-color:gray;}/*选择带有class属性的ul元素*/

 [title]{background-color:gray;}/*选择带有title的元素*/

ul[class=f1]{background-color:gray;}/*选择属性class=f1的ul元素*/

a[title^=tip]{color:red;}/*选择属性title包含“tip”的a元素*/

a[href$=".com"]{color:yellow;}/*选择属性href以.com结尾的a元素*/

a:empty{color:red}/*选择没有子元素的每个 <a> 元素（包括文本节点）。*/

.active:not(a){color:red}/*选择class为active的元素,但不包含a标签*/

input:invalid{background:Red}/*input输入非法时应用的样式,通常配合pattern属性*/

input:valid{background:green}/*input输入合法时应用的样式,通常配合pattern属性*/

a::selection{background:green;}/*选择a标签文本时应用的样式*/