腾讯云618限量抢购
  1. HTML教程

CSS 类(class)选择器

最后更新:2010-10-06 21:58阅读:15212

类(class)选择器

CSS 类选择器允许选择网页元素的类进行样式表应用。

类选择器以 . 符号标识,后面紧跟类名称。

一个类选择器例子:

.catlist {
    color: #d51300;
}

该 CSS 样式表示网页中 class="catlist" 的网页元素,其文字颜色为 #d51300 。

在 html 中应用类选择器

要在 html 代码中应用一个类(class)样式,只需在标签内使用 class 属性,取值为类名。

html 代码例子:

<h3>文章分类</h3>
<ul class="catlist">
  <li>情感世界</li>
  <li>技术文章</li>
  <li>网络文摘</li>
  <li>其他</li>
</ul>

在该 html 代码如中,<ul></ul>内包含的文字颜色都被渲染为 #d51300 颜色。当然,也可以再为其中的一个或一些 <li></li> 元素单独定义另外的样式。

提示

  • 如上例所示,只要网页元素类名为 catlist ,都将受到该样式表的影响,而不管它具体是何种类型的网页元素。
  • 类选择器会作用于所有类名相同的网页元素,有复用效果,这个是和 ID 选择器的区别。
  • 类名的第一个字符不能使用数字,它无法在 Mozilla 或 Firefox 浏览器中起作用。
腾讯云618限量抢购