CSS 選擇器(序)

從這一篇開始,我們將利用一系列文章將 CSS 選擇器簡單作個入門介紹。

選擇器是一段識別字串,讓 CSS 樣式據此取得某網頁文件中的某些特定DOM元素,並進而對其進行樣式套用。最簡單的選擇器是以 # 為字首的ID選擇器,例如以下的配置:

id="div_a"
id="div_b"
id="div_c"
  • #div_a
  • #div_b
  • #div_c




左邊是三個示範用的 div 標籤形成的區塊,其中標示了所用來識別此元素的 id 識別屬性,而右邊是三組ID選擇器,在選擇器上面按一下,CSS 會根據此 ID 選擇器找到對應的 div ,將其整個反白。

康廷數位: CSS 選擇器(1)- ID & 類別選擇器
康廷數位: CSS 選擇器(2)- * 與類型選擇器
康廷數位: CSS 選擇器(3)- 元素相對位置選擇器
康廷數位: CSS 選擇器(4):動態虛擬選擇器
康廷數位: CSS 選擇器(5):其它虛擬選擇器


沒有留言: