CSS 语法总结

样式文件的语法规则很简单，有选择器和样式属性组成，即：

selector {key1:value; key2:value ...}

CSS 中基本的选择器

名称	选择器	例子	例子含义
通用选择器	*	* {color:green; front-size:2em}	页面中所有元素都被设置为绿色，2em字号
标签选择器	S	p {font-size:3em;}	所有<p>标签中的元素都被设置为3em字号
class选择器	.value 或者 S.value	.qd {color:red}	所有class属性值为old的标签你元素的颜色都被设置为红色
		h3.old {color:yellow}	所有class属性值为old的<h3>标签的元素的颜色都被设置为黄色
id 选择器	#value 或者 S#value	#nw {font-style:italic}	所有id属性值为nw的标签设置为斜体
		a#hi {font-style:italic}	所有的id属性值为hi的<a>标签的元素字号设置为斜体

 

除了基本的选择器，CSS还允许设置选择器的组合

基本的选择器组合

组合名称	选择器	例子	例子含义
多选择器	S1, S2	p,#hi{color:green; font-size:2em}	所有<p>标签和id为hi的标签均被设置为绿色，2em字号
子元素选择器	S1 > S2	body >p {font-size:3em;}	所有body标签的直接子标签<p>的字号都被设置为3em字号
后代选择器	S1 S2	p p {color:red;}	所有<p>标签内的<p>标签被设置为红色。注意：两个选择器用空格分隔
相邻选择器	S1 + S2	#start + #end {color:yellow;}	如果出现id为start的标签后面紧随一个id为end的标签，则字号被设置为黄色