1.[attribute]
ul[class]{background-color:gray;}/*选择带有class属性的ul元素*/
[title]{background-color:gray;}/*选择带有title的元素*/
2.[attribute=value]
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元素*/
3.伪类选择器
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标签文本时应用的样式*/
这里列出的是我不熟悉的选择器,记录一下