CSS常用选择器

常用CSS选择器

 

 

 

1      标签选择器

  

  标签: 就是html中的标签

  用法：

                   标签名{属性:值; 属性:值;}

 

2      类选择器

 

         用法： 

.自定义名称{属性：值}

                  

   调用：

      标签通过class属性调用类样式

 

特点：

   ☞ 谁调用谁改变，多个标签可以同时调用一个类样式

   ☞ 一个标签可以调用多个类样式（相当于人的名字）

2.1   类名规范

  

 

    ☞不能以纯数字或者以数字开头定义类名

    ☞不推荐使用汉字定义类名

3.   ID选择器

 

    ☞不能以特殊符号或者以特殊符号开头（“_”除外）定义类名

    ☞不建议使用标签名或者属性名定义类名Id选择器

      用法：

      

 

调用：

  通过id属性调用样式

  

 

特点：

☞不建议多个标签使用同一id选择器的样式（id和js配合使用）

☞一个标签只能调用一个id样式

     

4.     通配符选择器

      用法：

      *{属性:值; 属性:值;}

特点：

        ☞将页面中所有的标签都选中，设置样式

                        ☞进行页面样式的初始化

 

补充：

   在写样式的时候（类选择器），如果有样式代码重复使用的时候，我们要提取公共类。

5.     标签指定式选择器

  用法：

  标签名.选择器名{属性:值;  属性:值;}

 

 特点关系：  既。。。又。。。。

6.   后代选择器

   特点：

    标签之间必须属于嵌套关系。

 

  用法：

   选择器 +空格+ 选择器{属性:值;  属性:值;...}

 

特点：

选择器之间必须有空格

 

关系：

    父与子的关系

7.     并集选择器

用法：

    选择器,选择器,选择器{属性:值;}

 作用：样式集体声明，css样式初始化。

 特点：

   并集选择器之间必须用逗号隔开！