cssclass选择器怎么使用 CSS .class选择器

cssclass选择器怎么使用

CSS class 选择器是一种用于选择 HTML 元素的 CSS 选择器，它可以让你为 HTML 元素添加特定的样式。使用 CSS class 选择器，你可以为 HTML 元素设置不同的样式，而不会影响其他元素。

使用 CSS class 选择器非常容易，只需要在 HTML 代码中为元素添加一个 class 属性即可。class 属性的值是一个字符串，它表明该元素应该使用的样式。然后，在 CSS 文件中创建一个选择器来匹配这个 class 属性的值，并将样式应用到该元素上。

//HTML代码 
<div class="my-class">My Div</div> 
//CSS代码 
.my-class { 
    color: red; 
    font-size: 20px; 
} 

CSS .class选择器

CSS .class 选择器

完整CSS选择器参考手册

定义和用法

.class 选择器为所有具有指定类的元素添加样式。

.class 选择器使用 “.” 来选择具有包含特定值的类的元素。

类值的名称必须紧跟在点后面。

多个类值可以链接在一起。

element1.classname element1.classname1.classname2

如果在点之前没有元素名称，则选择器匹配包含该类值的所有元素。

例子：

p.urgent {color: black;}
a.external {font-style: italic;}
.example {background: red;}
.note.caution {background: yellow;}

---

实例

实例 1

Select and style all elements with class="intro":

.intro
{
  background-color:yellow;
}
</style>

实例 2

Style all <p> elements with class="hometown":

p.hometown
{
  background:yellow;
}

---

浏览器支持

所有主流浏览器都支持.class选择器

---

完整CSS选择器参考手册