首頁  >  文章  >  web前端  >  css中class標籤什麼作用

css中class標籤什麼作用

藏色散人
藏色散人原創
2023-02-01 09:38:052972瀏覽

css中的class不是標籤,而是一個類別選擇器,其作用就是指定類別的所有元素樣式;在使用類別選擇器之前,需要修改特定的文件標記,以便類別選擇器正常運作;並且為了將類別選擇器的樣式與元素關聯,必須將class指定為適當的值。

css中class標籤什麼作用

本教學操作環境:Windows10系統、CSS3版、DELL G3電腦

css中class標籤什麼作用?

css中的class不是標籤,而是一個類別選擇器。

class是類別選擇器,允許以獨立於文件元素的方式來指定樣式。

在使用類別選擇器之前,需要修改特定的文件標記,以便類別選擇器正常運作。

為了將類別選擇器的樣式與元素關聯,必須將 class 指定為適當的值。請看下面的 HTML 程式碼:

<h1 class="important"> This heading is very important. </h1> <p class="important"> This paragraph is very important. </p>

在上面的程式碼中,兩個元素的 class 都指定為 important:第一個標題( h1 元素),第二個段落(p 元素)。

css中class標籤什麼作用

相關介紹:

 class 值中包含一個字的情況。在 HTML 中,一個 class 值中可能包含一個字列表,各個字之間以空格分隔。

例如:如果希望將一個特定的元素同時標記為重要(important)和警告(warning),就可以寫作:

This paragraph is a very important warning .

這兩個字的順序無關緊要,寫成warning important 也可以。

假設 class 為 important 的所有元素都是粗體,而 class 為 warning 的所有元素為斜體,class 中同時包含 important 和 warning 的所有元素還有一個銀色的背景 。

就可以寫:.important {font-weight:bold;} .warning {font-weight:italic;} .important.warning {background:silver;} 透過將兩個類別選擇器連結在一起,僅可選擇同時包含這些類別名稱的元素(類別名稱的順序不限)。

推薦學習:《css影片教學

以上是css中class標籤什麼作用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn