在CSS中,選擇器是指用于選擇要應用樣式的HTML元素的模式。CSS選擇器基本上有五種:元素選擇器、類選擇器、ID選擇器、后代選擇器和子選擇器。
元素選擇器:
元素選擇器是一種最基本的選擇器,它是通過元素名稱來選擇元素的。
p{ color: blue; }
上面的代碼會將所有的<p>元素的顏色設置為藍色。
類選擇器:
類選擇器是指通過元素的class屬性來選擇元素的。它的語法是在CSS中加一個點(.)符號,后面是類名。
.active{ background-color: red; }
上面的代碼會將所有類名為“active”的元素的背景色設置為紅色。
ID選擇器:
ID選擇器是指通過元素的id屬性來選擇元素的。它的語法是在CSS中加一個井號(#)符號,后面是ID名。
#header{ font-size: 24px; }
上面的代碼會將所有ID為“header”的元素的字體大小設置為24像素。
后代選擇器:
后代選擇器是指選擇某個元素下面的所有子孫元素。它的語法是通過空格來分隔元素。
.container p{ font-weight: bold; }
上面的代碼會將所有父元素為“container”的<p>元素的字體加粗。
子選擇器:
子選擇器是指選擇某個元素的子元素。它的語法是通過大于號(>)來分隔元素。
nav >ul >li{ display: inline-block; }
上面的代碼會將所有父元素為“nav”的<ul>元素下的子元素<li>設置為行內塊元素。
上一篇css選擇直接的子元素