【公告】網站目前停止所有的課程訂閱服務,除了 7 月底預計完成上線的 KBF 餘下課程影片,將不會再新增其它課程內容,原有學員權益不受影響,造成不便還請見諒,我們正在開發以 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供更好的課程訂閱服務,感謝學員的支持。

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):其它虛擬選擇器


沒有留言: