選擇器是CSS中非常重要的概念,它們用于定位并改變文檔中的元素。下面是CSS中最基礎(chǔ)的選擇器:
/*選擇標(biāo)簽*/ p { color: red; } /*選擇類*/ .my-class { font-size: 20px; } /*選擇ID*/ #my-id { background-color: yellow; }
上述代碼中,第一個(gè)選擇器選擇了所有的p標(biāo)簽,并將它們的顏色設(shè)為red;第二個(gè)選擇器選擇所有類名為“my-class”的元素,并將它們的字體大小設(shè)為20px;第三個(gè)選擇器選擇所有ID為“my-id”的元素,并將它們的背景顏色設(shè)為yellow。
除了上述基礎(chǔ)選擇器外,CSS還有眾多其他選擇器,如子選擇器、后代選擇器、偽類選擇器、屬性選擇器等等。這些選擇器的使用不僅可以讓我們更方便地對(duì)文檔進(jìn)行樣式設(shè)置,也可以提高CSS代碼的復(fù)用性和維護(hù)性。