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可以定义多个元素。就页面效果而言,两个东西的视觉效果几乎无差别。
A2:id 选择符为什么要少用,它有有什么局限性?
单一使用的样式用id,需要程序、js动态控制的样式用id,id在页面只能使用一次!提供少用id,因为id可能和页面嵌的程序冲突(比如名称相同等)!
A3:我该在什么时候使用ID,什么时候使用class?
单一的元素,或需要程序、JS控制的东西,需要用id定义;重复使用的元素、类别,用class定义。
- css中id选择器和class选择器的区别?
- css中id选择器和class选择器的区别?
- css中id选择器和class选择器的区别?
- css中id选择器和class选择器
- CSS中id选择器和class选择器
- css中的ID选择器和CLASS选择器的区别
- CSS中ID选择器和类(class)选择器的区别
- CSS选择器中:类和ID选择器的区别
- HTML中id选择器和class选择器的区别(为什么id选择器不能重复)
- css选择器class与id的区别
- CSS-id选择器与class选择器的区别
- css中.class和id选择器的异同点
- CSS样式,id选择器和class选择器
- css - id和class选择器
- id选择器和class选择器区别
- jquery id选择器和class选择器的区别
- css中ID选择器和类选择器的对比
- CSS中id和class选择器注意点
- ASP.NET MVC 3 (Implementing Edit, Details, and Delete Views)
- 如何用Qt实现对Google API的应用(1)-- OAuth认证详述
- css常见属性,选择符,伪类,伪对象,规则,申明,单位,滤镜
- android UI 优化系列文章
- 在CentOS 5.2上安装Nagios 3.06+Centreon 2.0.1 (四)
- css中id选择器和class选择器的区别?
- ArcGIS API for Silverlight 使用google地图
- windows 安装部署svn
- 从移动硬盘安装windows7
- delphi snmp 读取系统参数、SQLSERVER参数
- delphi snmp 读取系统参数、SQLSERVER参数
- hdu1864 最大报销额
- 云计算:SaaS、PaaS、IaaS
- javascript有什么用?