CSS 选择器 Id 和 Class

id 和 class 选择器

如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。

id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 以下的样式规则应用于元素属性 id="para1":
#para1
{
text-align:center;
color:red;
}
实例演示
ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。

class 选择器

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。 class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示: 在以下的例子中,所有拥有 center 类的 HTML 元素均为居中。
.center {text-align:center;}
实例演示你也可以指定特定的HTML元素使用class。 在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:
p.center {text-align:center;}
实例演示
类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。

我们需要您的支持

支付宝捐助

捐助记录

  • 操** 5.00 2019-7-13
  • 王** 23.33 2019-7-9
  • 吴** 10.00 2019-7-9
  • 竺** 0.10 2019-7-12
  • 童** 5.00 2019-7-11
  • 高** 10.00 2019-7-18
  • 孙** 10.00 2019-7-26
  • 刘** 1.00 2019-7-27
  • 王** 10.00 2019-7-22
  • 陈** 20.00 2019-7-11
  • 潘** 100.00 2019-7-12
  • 庾** 1.00 2019-7-9
  • 于** 50.00 2019-7-29
  • 李** 10.00 2019-7-25
  • 钟** 20.00 2019-7-10
  • 毛** 1.00 2019-7-13
  • 许** 10.00 2019-7-3
  • 吕** 0.80 2019-7-22
  • 爱心会员 0.29 2019-7-6
  • 郭** 10.00 2019-7-9
  • 贾** 20.00 2019-7-25
  • 李** 20.00 2019-7-11
  • 张** 1.00 2019-7-5
  • 陈** 10.00 2019-7-19
  • 黄** 20.00 2019-7-20
  • 时** 0.10 2019-7-4
  • 魏** 10.00 2019-7-2
  • 李** 0.70 2019-7-28
  • 冯** 0.30 2019-7-7
  • 石** 10.00 2019-7-3
  • 陈** 20.00 2019-7-21
  • 何** 20.00 2019-7-20
  • 成** 0.10 2019-7-11
  • 赵** 10.00 2019-7-30
  • 刘** 5.00 2019-7-1

扫一扫关注

Web前端中国