CSS中可以使用空格和逗號來選擇HTML元素,并對其應用樣式。
在CSS中,使用空格( " " )來選擇指定元素下的后代元素。這可以幫助您應用通用樣式,同時避免對整個文檔應用樣式:
/* 選擇所有 div 元素中的后代 p 元素 */
div p {
color: red;
}
請注意,在此示例中,選擇所有div元素中的p元素,而不是僅限于div元素的直接子元素。
另外,您可以使用逗號( "," )將多個選擇器組合在一起,并對它們應用相同的樣式:
/* 選擇 h1 和 h2 元素 */
h1, h2 {
text-align: center;
font-weight: bold;
}
除了組合選擇器外,逗號還可以用于選擇具有相同樣式屬性/值的元素,并對其應用樣式:
/* 同時選擇 .nav-link 和 .nav-link:hover 元素 */
.nav-link,
.nav-link:hover {
color: white;
background-color: blue;
}
在CSS中,使用空格和逗號是兩種最常見的選擇器方法,它們可以使您輕松地對HTML元素應用樣式,而無需為每個元素單獨編寫CSS規則。
上一篇css中rgba如何調色
下一篇css中的居中屬性