CSS选择器包括:标记选择器,类别选择器(.class),ID选择器(#id)三种。
1.标签选择器:如:p td tr h1 h2 span a
标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式
CSS代码:
p{color:red;}
HTML代码:
<p>我是标签小红</p>
2.类别选择器:如:#main #sidebar #footer #header
注意id选择器是唯一的,因为只有id="yy"的才有这种样式,而一个页面里元素的Id必须是唯一的,id选择器以#开头用法是:id=""
CSS代码:
#testid{color:red;}
HTML代码:
<div id="testid">我是ID小红</div>
3.id 选择器:如:.post .content .widget
类选择器以.开头 只要把元素的class="" 就能表现为这种样式了用法是:class=""
CSS代码:
#testid{color:red;}
HTML代码:
<div id="testid">我是ID小红</div>
4.各选择器的使用选择
在实际使用中,单一的元素或需要程序、JS控制的东西,需要用id定义;重复使用的元素、类别,用class定义。
--确定使用类选择符还是ID选择符的一般规则
(1)对于网页结构问题,应该使用ID选择符
(2)对于重复出现的样式,可以使用类选择符
(3)当ID选择符和类选择符冲突时,ID选择符的优先级大于类选择符
(4)也可以为ID选择符指定标签范围,这样可以提高样式的优先级。
上面三种选择器都作用与同一个标签的话,因为标签选择器范围最大,然后是class选择器次之, id选择器最小,所以,以作用范围小的为准!!!