web前端類選擇器指的是什么

本文小編為大家詳細介紹“web前端類選擇器指的是什么”，內容詳細，步驟清晰，細節處理妥當，希望這篇“web前端類選擇器指的是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

類選擇器是通過類名找到頁面中帶有這個類名標簽的選擇器；類選擇器用來為一系列標簽定義相同的呈現方式，常用的語法為“.類名 { css屬性名:屬性值;}”；其中類名可以由數字、字母、下劃線、中劃線組成，但不能以數字或者中劃線開頭。

如何快速入門VUE3.0：進入學習

本教程操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。

web前端什么是類選擇器

類選擇器 ，類選擇器用來為一系列標簽定義相同的呈現方式，常用的語法是 .classValue{property:value}。其中classValue是類選擇器的名稱，這是由css編寫者自己命名。

類選擇器

結構:

.類名 { css屬性名:屬性值; }

作用:

通過類名，找到頁面中所有帶有這個類名的標簽，設置樣式

注意點:

• 所有標簽上都有class屬性，class屬性的屬性值稱為類名(類似于名字)

• 類名可以由數字、字母、下劃線、中劃線組成，但不能以數字或者中劃線開頭

• 一個標簽可以同時有多個類名，類名之間以空格隔開

• 類名可以重復，一個類選擇器可以同時選中多個標簽

擴展知識

web前端常用選擇器有哪些

第一種是標簽選擇器，也成為元素選擇器。標簽選擇器的基本形式如下：tagName{property:value}，其中tagName是標簽名稱，property是css的屬性。

第二種是類選擇器 ，類選擇器用來為一系列標簽定義相同的呈現方式，常用的語法是 .classValue{property:value}。其中classValue是類選擇器的名稱，這是由css編寫者自己命名。

第三種是ID選擇器，ID選擇器定義的是某一個特定的html元素，一個網頁中只有一個標簽或元素使用某一ID的屬性值。ID選擇器的基本語法格式如下：

#idValue{property:value}。其中idValue是ID選擇器的名稱，可以由CSS編寫者自己編寫。

第四種是全局選擇器，全局選擇器就是對所有的htmlz元素起作用。語法格式為： *{propery:value}。其中“*”表示對所有元素起作用，property表示css的屬性，value表示屬性值。

第五種是組合選擇器，就是將多種選擇器進行搭配，可以構成一種復合選擇器，也稱為組合選擇器。

第六種是繼承選擇器，繼承的規則是子標簽在沒有定義的情況下，繼承父標簽的選擇器；當子標簽重復定義了父標簽的聲明時，執行子標簽選擇器。

第七種時偽類選擇器，偽類選擇器主要應用在標簽上，它由四種狀態：未訪問鏈接（link）、已訪問鏈接（visited）、激活鏈接（active）、鼠標停留在連接上(hover)。

讀到這里，這篇“web前端類選擇器指的是什么”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。