CSS選擇器是CSS中的一種語法,它用于定義CSS樣式表中需要變化的HTML元素。CSS選擇器可以選擇HTML中的一個或多個元素,然后對這些元素應用樣式規則??梢愿鶕氐腎D、類、標簽名或特定屬性為準來選擇或組合元素。
/* 通過類名選擇元素 */ .my-class { font-size: 16px; color: #333; } /* 通過標簽名選擇元素 */ p { font-size: 18px; color: #666; } /* 通過ID選擇元素 */ #my-id { font-size: 20px; color: #444; } /* 通過屬性選擇元素 */ input[type="text"] { border-radius: 5px; border: 1px solid #eee; }
選擇器的組合可以大大提高CSS的靈活性,可以根據HTML元素的層級結構來選擇特定的元素。最常用的組合有后代選擇器和子元素選擇器。
/* 后代選擇器:選擇子元素和孫元素 */ body #main p { font-size: 16px; color: #333; } /* 子元素選擇器:只選擇直接子元素 */ nav >ul >li { display: inline-block; }
選擇器是CSS中重要的一部分,使用它可以讓我們更方便地對網頁的樣式進行統一的控制。