常用CSS选择器

常用CSS选择器

p{} 		/*选择所有p元素*/
p,a{} 		/*选择所有p,a元素*/
.n{} 		/*选择class属性为n的元素*/
p.n{}		/*选择class属性为n的p元素*/
#n{} 		/*选择id属性为n的元素*/
*{} 		/*通配符，选择所有元素*/
div p{}		/*选择所有div元素内的p元素*/
div>p{}		/*选择所有父元素为div元素的p元素*/
div+p{}		/*选择跟着div后的第一个p元素*/
[style]		/*选择有style属性的元素*/
[name~=flower]	/*选择name属性包含单词 "flower" 的所有元素。*/
p:first-child	/*选择属于父元素的第一个子元素的每个p元素*/
p:nth-child(2)	/*选择属于父元素的第二个子元素的每个p元素*/
p:last-child	/*选择属于父元素的最后一个子元素的每个p元素*/