目录

id选择器和类选择器的区别

id选择器和类选择器的区别是:1、一个HTML标签只能应用于一个ID选择器;2、一个HTML标签可以应用多个class选择器;3、ID选择器是以“#”开头,并且只能在单个元素使用。

一、id选择器和类选择器的区别

1、一个HTML标签只能应用于一个ID选择器。
2、一个HTML标签可以应用多个class选择器。
3、ID选择器是以“#”开头,并且只能在单个元素使用。
4、Class选择器是以“.”开头,可以多个元素应用,中间用“,”隔开。

5、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。

6、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。

延伸阅读:

二、类型选择器和全局选择器

类型选择器

类型选择器有时也叫做“标签名选择器*”*或者是”元素选择器“,因为它在文档中选择了一个 HTML 标签/元素的缘故。在下面的示例中,我们已经用了 span、em 和 strong 选择器,<span>、<em>和<strong>元素的所有实例这样就都被样式化了。

全局选择器

全局选择器,是由一个星号(*)代指的,它选中了文档中的所有内容(或者是父元素中的所有内容,比如,它紧随在其他元素以及邻代运算符之后的时候)。下面的示例中,我们已经用全局选择器,移去了所有元素上的外边距。这就是说,和浏览器以外边距隔开标题和段的方式默认加上的样式不同的是,每个物件都紧紧地挨在一起,我们不能那么容易就看清楚不同的段。这种行为有时能在“重置样式表”中看到,其中所有浏览器所做的样式化都会被忽略。这些一度很受欢迎,但是把所有的样式化忽略掉的话,通常就是指,你必须做把这些样式带回来的工作!因此我们应小心使用全局选择器,以处理诸如下面所述之类的很特殊的情况。

以上就是关于id选择器和类选择器的区别的内容希望对大家有帮助。