在CSS樣式中,選擇器是用來選擇你想要樣式化的HTML元素的一種方式。不同的選擇器可以選擇不同的HTML元素,甚至可以選擇具有特定屬性或特定值的元素。
/* 選擇所有p標簽并添加樣式 */ p { font-size: 16px; color: #333; } /* 選擇所有含有class="example"的元素并添加樣式 */ .example { background-color: yellow; border: 1px solid black; } /* 選擇所有id="header"的元素并添加樣式 */ #header { text-align: center; font-weight: bold; } /* 選擇所有type="submit"的input元素并添加樣式 */ input[type="submit"] { background-color: blue; color: #fff; }
根據上述示例,不同的選擇器設置的樣式會應用于不同的HTML元素。使用CSS選擇器不僅可以提高樣式的可維護性,還可以使網頁的表現更加美觀。
下一篇css樣式跳轉失效