id选择器和class选择器

来源:互联网 发布:yii框架连接数据库 编辑:程序博客网 时间:2024/05/16 07:14

网页开发中通过选择器为标签选择指定的样式。


选择器的名字可以由数字、英文、下划线组成,数字不可以作为选择器名称的开头,在企业开发中一般使用英文开头。


id选择器相当于人的身份证,拥有唯一性,在样式表中书写时以“#”开头,加上选择器的id名(如:#id)。因为 id 选择器具有唯一性,所以在企业开发中不会使用 id 名来为标签添加样式。当一个网页中有很多标签需要用到同样的样式时,如果使用id 选择器的话,那么所有的标签都得为其命名,并且样式都得重新书写。所以在企业开发中 id 都是用在JavaScript 中,书写样式时不推荐使用,也容易引起使用JavaScript 的误会。


类选择器:class

class选择器使用很广泛,在样式表中书写以“.”开头,加上选择器的class 名(如:.class)。一个标签只能有一个id 属性,而可以拥有(绑定)多个class 属性,再一个,class 属性可以重复使用,这样避免了网页中有很多重复的样式需要使用时的麻烦。所以在企业开发中都使用class 选择器来指定样式。(格式为:class="one two three",每一个类名都用空格隔开)

用class 选择器时,当两个标签都拥有同样的样式,我们可以同时为它们指定的class ,当两个标签都拥有同样的一部分属性,而另一部分不同于其他样式时,我们可以为它们先指定同一个 class,然后再为它们各自指定不同的样式。(如:<p class="one two"></p><p class="one three"></p>)


0 0