CSS .class選擇器

2018-01-05 18:06 更新

CSS .class 選擇器

CSS完整選擇器完整CSS選擇器參考手冊(cè)

定義和用法

.class 選擇器為所有具有指定類的元素添加樣式。

.class 選擇器使用 “.” 來(lái)選擇具有包含特定值的類的元素。

類值的名稱必須緊跟在點(diǎn)后面。

多個(gè)類值可以鏈接在一起。

element1.classname element1.classname1.classname2

如果在點(diǎn)之前沒(méi)有元素名稱,則選擇器匹配包含該類值的所有元素。

例子:

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

Examples

實(shí)例

實(shí)例 1

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

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

嘗試一下 ?

實(shí)例 2

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

p.hometown
{
  background:yellow;
}

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持.class選擇器


CSS完整選擇器完整CSS選擇器參考手冊(cè)
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)