HTML 元素的名称位于规则集开始。为了给一个或者多个元素添加样式,只需要改动选择器就ok!常见的选择器有:标签选择器;ID选择器;类选择器;后代选择器;子代选择器;兄弟选择器;。。。
标签选择器:
选中当前页面的某个标签,比如说 a标签;ul标签;p标签等等,当对其标签选中,并且进行设置样例以后,该页面所有该标签都将会被选中。若有对其进行其他操作,由于标签选择器级别较低,则将会改变样式。
ID选择器:
设置属性ID,同一个页面的ID是不可重复的,ID的名称也是有一定的规范:1.ID的名称只能由字母、数字、下划线组成 2,ID的名称不能由数字开头 3、ID名称是不能是HTML中标签的名字。 当选择ID选择器要在ID名称前加上#。
类选择器:
使用class对标签进行类名的设置,同一个页面的class设置的名称是可以重复的,这样方便我们进行一些属性的连接,命名规则于ID选择一样,当给页面进行CSS样式设置时,建议使用类标签,当使用类标签时,要在前头加上 (.);(入下使用)。
子代选择器 兄弟选择器:
子代选择器 (Y>X) 选择Y下所对于X子代。
兄弟选择器(Y+X)当前元素的后面第一个兄弟(在css2)
兄弟选择器(Y~X)当前元素的后面的所有兄弟(在css3)
动态伪类选择器:
E:link(链接伪类选择器):选择匹配的E元素,而且匹配元素被定义了超链接并未被访问过。常用于链接 描点上 E:visited(链接伪类选择器 ):选择匹配的E元素,而且匹配元素被定义了超链接并已被访问过。常用于 链接描点上 E:active(用户行为选择器):选择匹配的E元素,且匹配元素被激活。常用于链接描点和按钮上 E:hover (用户行为选择器): 选择匹配的E元素,且用户鼠标停留在元素E上。IE6及以下浏览器仅支持 a:hover