CSS里的選擇器是用來選擇頁面中要應用樣式的元素的。選擇器可以根據元素的標簽名、類名、id等屬性來進行選擇。
//選擇所有的h1元素 h1 { color: red; } //選擇類名為"box"的所有元素 .box { border: 1px solid black; } //選擇id為"main"的元素 #main { background-color: yellow; }
選擇器還可以通過組合使用選擇多個元素,例如:
//選擇所有class="box"的div元素內第一個h1元素 div.box h1:first-of-type { font-weight: bold; }
除了基本的選擇器外,還有偽類(pseudo-class),如:hover用于在鼠標懸停在元素上時應用樣式,:nth-child用于選擇某個元素的子元素等等。
//鼠標懸停在鏈接上時,將鏈接的文本設置為藍色 a:hover { color: blue; } //選擇ul元素中所有奇數行的li元素并添加背景色 ul li:nth-child(odd) { background-color: #ccc; }
總體來說,選擇器是CSS中應用樣式的關鍵,了解常見的選擇器和其用法可以更好地使用CSS進行頁面設計。
上一篇css里面的文件路徑
下一篇DOM選css優先級