标签、id、class选择器详解

标签选择器

什么是标签选择器

根据指定标签名称,在当前页面中找到所有该名称的标签,然后设置属性。

格式
标签 {
    
    
    属性:;
}

注意点:

1.标签选择器选中的是当前界面中所有的标签,不能选择一个单独标签。

2.标签选择器无论标签隐藏多深都能选中,层层嵌套,只要是p标签全部都修改样式。

3所有的标签都可以作为标签选择器。(h/a/input……)

id选择器

什么是id选择器

根据指定的id名称找到相应的标签,然后设置属性。

格式
#id名称{
    
    
属性:;
}

注意:

1.每个标签都有一个属性叫id.

2.在同一界面中id名称是不可以重复的。

3.编写id选择器时,一定要在id前加上#。

4.id名称只能由字母,数字,下划线组成。[A-z0-9_], 但是不能由数字开头。

5.id名称不能是html标签名称。

6.在企业开发中一般如果仅仅为了设置样式,我们不会使用id,前端开发中id一般是给js使用的。

类选择器

什么是类选择器

根据指定的类名称找到相应的标签,然后设置属性。

格式:
.类名{
    
    
属性:;
}

注意:

1.每个标签都有一个属性叫class.

2.在同一界面中类名称是可以重复的。

3.编写class选择器时,一定要在class前加上.

4.类名的命名规范和id名称的规范一样。

5.类名专门给某个特定标签的标签设置样式

6.在HTML中每个标签可以同时添加多个类名。

<标签名 class=“类名1 类名2 ……”>,不能写两个calss。

id和class区别

1.id相当于身份证不可以重复,class类可以重复,就像由同一个类实例化的对象,都是同一个类。

2.一个html标签只能绑定一个id名称,可以绑定多个class标签。

id选择器和class选择器区别

1.id选择器以#开头的,class选择器是以.开头

2。id一般是给js使用,除非特殊清情况,不要使用id来改变样式

3.这两个选择器优先级会比标签选择器高,如果标签选择器设置了统一样式,可以通过这两个选择器修改。

4.可以将一些公共代码抽取到一个类选择器中,然后让标签与这个类选择器绑定即可。

快捷键:p#id名.class名+table键 直接生成id class属性

猜你喜欢

转载自blog.csdn.net/LIUCHUANQI12345/article/details/109167154