在CSS中,選擇器有很多種,其中基本選擇器是最簡單、最常用的一種。使用基本選擇器可以選擇DOM中的元素并給它們設置樣式,下面介紹幾種常用的基本選擇器。
/* 選中所有元素 */ * { margin: 0; padding: 0; } /* 選中指定元素 */ h1 { font-size: 36px; } /* 用類選擇器選中元素 */ .box { width: 200px; height: 200px; } /* 用id選擇器選中元素 */ #logo { width: 100px; height: 100px; } /* 用屬性選擇器選中元素 */ input[type="text"] { border: 1px solid #ccc; }
使用基本選擇器可以快速、簡便地設置樣式,但是它們只能根據元素本身來選擇,不能根據元素的位置、狀態等來選擇。更靈活的選擇器包括組合選擇器、偽類選擇器、偽元素選擇器等,使用它們可以做出更精細的樣式。