web前端中什麼是類別選擇器

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

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

web前端中什麼是類別選擇器

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

類別選擇器

##

.类名 { css属性名:属性值; }

##作用:

透過類別名，找到頁面中所有帶有這個類別名稱的標籤，設定樣式

#注意點:

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

• #類別名稱可以由數字、字母、底線、中劃線組成，但不能以數字或中劃線開頭

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

• 類別名稱可以重複，一個類別選擇器可以同時選取多個標籤

#1

######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)。 ######【相關推薦：###javascript影片教學###、###web前端###】###

以上是web前端中什麼是類別選擇器的詳細內容。更多資訊請關注PHP中文網其他相關文章！