选择器的理解

选择器selector

.foo{}
.bar{}
h1 span{} //h1的后代中所有的span
h1>span{}   //h1的孩子中所有的span
h1+span{}   //h1同级的兄弟中所有的span,这里的+可以理解为and,就是并列的意思
h1.foo{}    //带有.foo类的h1

a:link{}  //伪类 selector : pseudo-class {property: value}
p:first-line{} //伪元素 selector:pseudo-element {property:value;}

[title]{}   //带有title属性的元素

#id span{}
#id>span{}
#id+span{} 
#id.foo{}  //这个不知道是不是合法的,id本身已经能够定位元素.