html中css標簽選擇器有哪些類別?


html中css標簽選擇器有哪些類別?分為五類,分別是:簡單選擇器、組合器選擇器、偽類選擇器、偽元素選擇器、屬性選擇器。它們之間的區別和用法如下:

簡單選擇器(根據名稱、id、類來選取元素)

組合器選擇器(根據它們之間的特定關系來選取元素)

偽類選擇器(根據特定狀態選取元素)

偽元素選擇器(選取元素的一部分并設置其樣式)

屬性選擇器(根據屬性或屬性值來選取元素)

這五類css選擇器的用法展開來講又分為好多種使用場景,而且越來越復雜,新手網友前期學會簡單的五種用法即可:CSS 元素選擇器、CSS id 選擇器、CSS 類選擇器、CSS 通用選擇器、CSS 分組選擇器。

CSS 元素選擇器:

元素選擇器就是根據元素名稱來選擇 HTML 元素,比如h1標簽、p標簽、img標簽等等,這個用法在《css如何寫?寫在html哪里?》一文中3個寫法中舉例講解過,范如樂在這里就不重復了。

CSS id 選擇器:

id 選擇器使用 HTML 元素的 id 屬性來選擇特定元素,這個id你可以自己命名,但是不能以數字開頭,而且元素的 id 在頁面中是唯一的,因此 id 選擇器用于選擇一個唯一的元素!詳情點擊:《css id選擇器怎么用?》。

CSS 類選擇器:

類選擇器選擇有特定 class 屬性的 HTML 元素,類選擇器允許以一種獨立于文檔元素的方式來指定樣式,類選擇器可以單獨使用,也可以與其他元素結合使用,以英文句號”.” 來定義,詳情點擊:《CSS 類選擇器怎么用?》。

CSS*通用選擇器:

通用選擇器以英文小寫符號*定義,可以選擇頁面上所有的 HTML 元素,也就是說頁面上的每個元素都會受到樣式的影響,詳情點擊:《CSS*通用選擇器的寫法》。

CSS 分組選擇器:

分組選擇器選取所有具有相同樣式定義的 HTML 元素,用英文小寫逗號的 , 來分隔每個選擇器,詳情點擊:《css分組選擇器的定義方式是怎么樣的?》。

學會了選擇元素后,接著就要學如何改變這些元素。不同的元素有不同的屬性,給不同的元素添加不同的屬性,就可以改變這些元素的顯示效果,下一節,我們從最簡單的字體開始學,詳情點擊:《css怎么設置字體樣式?使用font-family屬性》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/7908.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: