CSS(Cascading Style Sheets)選擇器是一組規則,用于指定 HTML 文檔中需要應用某種樣式的元素。CSS 選擇器使用元素的屬性和關系作為匹配條件,同時使用特殊字符和屬性值來定義條件。
CSS 由兩個主要部分組成:選擇器和聲明。選擇器用來選擇要應用樣式的元素,而聲明定義了要應用的樣式。
/* 樣式聲明 */ p { color: red; font-size: 16px; } /* 選擇器 */ p { /* 樣式聲明 */ color: blue; }
在上述代碼中,p 標簽是選擇器,color 和 font-size 是聲明。選擇器告訴瀏覽器應該選中哪些元素,聲明告訴瀏覽器應該如何樣式化這些元素。
CSS 選擇器有多種類型,包括元素選擇器(例如 p、div)、類選擇器(例如 .example)、ID 選擇器(例如 #example)、屬性選擇器(例如 [type=”text”])和偽類(例如 :hover)。
不同的選擇器可以組合在一起使用,以使樣式更加精確地應用到 HTML 元素上。例如:
.example p { color: blue; } #header p { font-size: 20px; } input[type="text"] { width: 200px; } a:hover { text-decoration: underline; }
總的來說,CSS 選擇器和聲明配合使用,可以用來給 HTML 元素添加樣式,使網頁更加美觀和易于閱讀。
下一篇css有陰影的圖片框