CSS .class 选择器
在一个HTML文档中， CSS类选择器 会根据元素的类属性中的内容匹配元素。类属性被定义为一个以空格分隔的列表项，在这组类名中，必须有一项与类选择器中的类名完全匹配，此条样式声明才会生效。
实例
选择并设置 class="intro" 的元素的样式：
<!DOCTYPE html><html><head><style>.intro{background-color:yellow;}</style></head><body><h1>欢迎来到我到的主页</h1><div class="intro"><p>我是唐老鸭。</p><p>我住在 Duckburg。</p></div><p>我最好的朋友是米老鼠。</p></body></html>
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 选择器 | |||||
|---|---|---|---|---|---|
| .class | Yes | Yes | Yes | Yes | Yes |
定义和用法
.class 选择器选取带有指定类 (class) 的元素。
实例
为 class="hometown" 的所有 <p> 元素设置样式：
p.hometown{background-color:yellow;}
相关页面
CSS 教程：CSS 类选择器