300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 5.CSS-标签选择器 id选择器和类选择器

5.CSS-标签选择器 id选择器和类选择器

时间:2024-04-08 13:41:43

相关推荐

5.CSS-标签选择器 id选择器和类选择器

文章目录

标签选择器作用格式注意点id选择器作用格式注意点类选择器作用格式注意点id和class的区别id选择器和class选择器的区别

标签选择器

作用

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

格式

标签名称{属性:值;}

注意点

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

2.标签选择器无论标签藏得多深都能被选中;

3.只要是HTML中的标签就可以作为标签选择器。

id选择器

作用

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

格式

#id名称{属性:值;}

注意点

1.每个HTML标签都有一个属性叫做id,也就是说每个标签都可以设置id;

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

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

4.id名称是有一定的规范的:

id名称只能有字母、数字、下划线组成;id名称不能由数字开头;id名称不能是HTML标签的名称;在企业开发中一般情况下如果仅仅是为了设置样式,我们不会使用id,因为在前端开发中id是留给js使用的。

类选择器

作用

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

格式

.类名{属性:值;}

注意点

1.每个HTML标签都有一个属性叫做class,也就是说每个标签都可以设置类名;

2.在同一个界面中class的名称是可以重复的;

3.在编写类选择器时一定要在class名称前面加上 . ;

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

类名称只能有字母、数字、下划线组成;类名称不能由数字开头;类名称不能是HTML标签的名称;

5.类名就是专门用来给,某个特定的标签设置样式;

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

格式:

<标签名称 class="类名1 类名2....">

id和class的区别

id相当于人的身份证不可以重复;class相当于人的名称可以重复。一个HTML标签只能绑定一个id名称;一个HTML标签可以绑定多个class名称。

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

id选择器是以#开头;class选择器是以.开头。id一般情况下是给is使用的,所以除非特殊情况,否则不要使用id去设置样式。一般情况下在企业开发中要注重冗余代码的抽取,可以将一些公共的代码抽取到一个类选择器中,然后让标签和这个类选择器绑定即可。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。