在CSS中,類選擇器是用來匹配具有某個特定類名的HTML元素的。通過使用類選擇器,我們可以為一組HTML元素應用相同的樣式。
/*在CSS中,類選擇器的語法是一個點加上類名*/ .classname { /*在這里設置樣式參數*/ }
在設置樣式參數時,我們可以使用各種屬性來控制元素的外觀和布局。以下是一些常用的樣式設置參數:
/*設置元素的字體大小*/ font-size: 16px; /*設置元素的字體顏色*/ color: #000; /*設置元素的背景顏色*/ background-color: #fff; /*設置元素的邊框樣式*/ border: 1px solid #000; /*設置元素的內邊距*/ padding: 10px; /*設置元素的外邊距*/ margin: 10px;
當我們設置一個類選擇器的樣式參數時,它會應用到所有擁有該類名的HTML元素上。如下所示:
<div class="classname"> <p>這是一段文本</p> </div> <div class="classname"> <p>這是另一段文本</p> </div>
在上述代碼中,我們定義了一個類選擇器,它的類名是“classname”,并為它設置了一些樣式參數。然后我們在兩個不同的<div>元素中使用了這個類名,所以這兩個<div>元素的樣式都會受到我們定義的樣式參數的影響。
下一篇css類鏈接樣式