html标签选择器的使用选择（学习小记）

         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选择器最小，所以，以作用范围小的为准！！！