css中id选择器和class选择器的区别?

来源:互联网 发布:有网络主播公司吗 编辑:程序博客网 时间:2024/05/05 20:02

ID选择器:

   id 选择器可以为标有特定 id HTML 元素指定特定的样式。

   id 选择器以 "#" 来定义。

   下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:

#red {color:red;}

#green {color:green;}

下面的 HTML 代码中,id 属性为 red p 元素显示为红色,而 id 属性为 green p 元素显示为绿色。

<p id="red">这个段落是红色。</p>

<p id="green">这个段落是绿色。</p>

注意:id 属性只能在每个 HTML 文档中出现一次

类选择器:

CSS 中,类选择器以一个点号显示:

.center {text-align: center}

在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。

在下面的 HTML 代码中,h1 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。

<h1 class="center">

This heading will be center-aligned

</h1>

<p class="center">

This paragraph will also be center-aligned.

</p>

注意:类名的第一个字符不能使用数字!它无法在 Mozilla Firefox 中起作用。

A1:二者主要的区别在哪里呢?

id你只能用来定义单一元素,定义二个以后。页面不会出现什么问题,但是W3检测的时候认为你页面不符合标准;class是类,同一个class可以定义多个元素。就页面效果而言,两个东西的视觉效果几乎无差别。

A2id 选择符为什么要少用,它有有什么局限性?

单一使用的样式用id,需要程序、js动态控制的样式用idid在页面只能使用一次!提供少用id,因为id可能和页面嵌的程序冲突(比如名称相同等)!

A3:我该在什么时候使用ID,什么时候使用class

      单一的元素,或需要程序、JS控制的东西,需要用id定义;重复使用的元素、类别,用class定义。

原创粉丝点击