CSS(層疊樣式表)是網站設計中必不可少的一部分,它可以讓網站更加美觀、易于使用和易于管理。選擇器是CSS中非常重要的一部分,用于選擇要樣式化的元素。下面是幾種基本的CSS選擇器:
* { margin: 0; padding: 0; box-sizing: border-box; }
通配符選擇器:用于選擇所有元素。
p { font-size: 16px; color: #333; }
元素選擇器:用于選擇所有標簽為” p “的元素。
.class-name { font-weight: bold; color: #f00; }
類選擇器:用于選擇具有相同類名稱的元素。
#id-name { border: 1px solid #000; padding: 5px; }
ID選擇器:用于選擇具有相同ID的元素。
a:hover { color: #f00; text-decoration: none; }
偽類選擇器:用于選擇特定狀態或位置的元素。例如,a:hover選擇懸停在鏈接上的元素。
ul >li { list-style: none; display: inline-block; }
子選擇器:用于選擇指定父元素下的子元素。例如,ul >li選擇所有直接子級的 li 元素。