class类选择器

定义和用法

• . class 选择器为所有具有指定类的元素添加样式。使用 . 来选择具有包含特定值的类的元素。
• 类值的名称必须紧跟在 . 后面。
• 多个类值可以链接在一起。如：element1.classname element1.classname1.classname2

语法:

E.myclass{ sRules }

以class属性包含myclass的E对象作为选择符。

不同于ID选择符的唯一性，类选择符可以同时定义多个。如给某个div元素定义.a和.b两个类:

.a{color:#f00;}
.b{font-weight:700;}

浏览器支持

所有浏览器都支持

例子

选择具有hometown值的元素

<p> class="hometown"</p>

p.hometown
{
  background:yellow;
}

选择所有class值为intro的元素

<p> class="intro"</p>
<div> class="intro"</div>

.intro
{
  background-color:yellow;
}