CSS样式选择器

   一直听说各种选择器，今天借这篇文章总结一下CSS的样式选择器；

一、什么是选择器：

   对于非元素内联的样式需要定义样式选择器，通俗的说就是这个样式适合于哪些元素；

二、类型：

   Class选择器：给样式定义一个名字，在元素中引用Class——前面点 .；

   ID选择器：样式针对某个ID的元素；

   标签选择器：设置适应于某些类型的标签； 

三、使用：

1、Class，元素主动找样式；

定义几种样式，我们自己用的时候去选择；

             

效果图

            

Class+标签选择器：

    input和label的class name 都为accoutno，但是不同的控件面对相同的类，样式不一样

                  

2、id选择器：针对某种控件：

   

   为指定的ID元素设定样式，id前加# ，就像一个人的身份证，一个人只能有一个ID。

   

   

3、标签选择器：针对某个标签

   ID选择器可以设置范围比较小的类型，比如，一个标签的范围太大，在一个标签内的内容可以细化到一个ID，再单独设置类型。

   更多关于选择器的内容，可参考链接：

http://blog.youkuaiyun.com/cui_angel/article/details/7673076

四、总结：

class选择器：对一个大类。可以将标签选择器，ID选择器包含进来。

标签选择器：为整个项目中的标签设置样式；

ID选择器：更有针对性；