CSS常用选择器

时间:2022-06-09 09:58:34

常用CSS选择器

 

 

 

1      标签选择器

  

  标签: 就是html中的标签

  用法:

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

 CSS常用选择器


2      类选择器

 

         用法: 

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

                  

   调用:

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

 CSS常用选择器

特点:

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

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

CSS常用选择器



2.1   类名规范

  CSS常用选择器

 

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

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



3.   ID选择器

 

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

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

      用法:

      CSS常用选择器

 

调用:

  通过id属性调用样式

  CSS常用选择器

 

特点:

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

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

      CSS常用选择器


4.     通配符选择器


      用法:

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

CSS常用选择器


特点:

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

                        ☞进行页面样式的初始化

 

补充:

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


CSS常用选择器



5.     标签指定式选择器


  用法:

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

 

 特点关系:  既。。。又。。。。

CSS常用选择器




6.   后代选择器

   特点:

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

 

  用法:

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

 

特点:

选择器之间必须有空格

 

关系:

    父与子的关系




7.     并集选择器

用法:

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

 作用:样式集体声明,css样式初始化。

 特点:

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

   CSS常用选择器