css中如何使用類選擇器

發(fā)布時間：2022-02-22 13:37:00 來源：億速云閱讀：194 作者：小新欄目：開發(fā)技術(shù)

這篇文章主要介紹了css中如何使用類選擇器，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

　　css類選擇器

　　類選擇器使用”.”（英文中的點號）進行標(biāo)識，后面跟類名

　　語法：

　　類名選擇器

　　.類名 {
　　屬性1：屬性值1;
　　屬性2：屬性值2;
　　}

　　標(biāo)簽：

<p class=”類名”></p>

　優(yōu)點：

　　可以為元素對象定義單獨或者相同的樣式，可以選擇一個或者多個標(biāo)簽

　　注意：

　　類選擇器使用”.”進行標(biāo)識，后面緊跟類名

　　為了方便識別盡量用英文字母來表示，見名知意

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.red {
				color: red;
			}
			.green {
				color: green;
			}
		</style>
	</head>
	<body>
		<div class="red">人生若只如初見</div>
		<div class="red">何事秋風(fēng)悲畫扇</div>
		<div class="green">等閑變卻故人心</div>
		<div class="green">卻道故心人易變</div>
	</body>
</html>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css中如何使用類選擇器”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

css中如何使用類選擇器

語法：

優(yōu)點：

注意：

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

　　語法：

　優(yōu)點：

　　注意：