标签、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属性