在CSS中,點(.)是用來表示類選擇器的。
.my-class { color: red; font-size: 18px; }
在上面的例子中,.my-class是一個類選擇器,表示會應用這些樣式的元素有一個叫做“my-class”的類名。當一個HTML元素被賦予這個類名時,這些樣式就會自動應用到這個元素上。
我們也可以使用點來指定一個元素同時被多個類名所應用:
.btn { background-color: blue; color: white; } .btn-small { font-size: 12px; } .btn-outline { background-color: transparent; border: 1px solid blue; color: blue; }
在這個例子中,我們定義了三個類名,.btn、.btn-small和.btn-outline,每個類名都有自己的樣式,但同時也繼承了.btn的樣式(即背景色和字體顏色)。我們可以用class屬性來為一個元素同時指定多個類名:
<button class="btn btn-small btn-outline">Click Me</button>
這個按鈕會應用所有三個類名的樣式,顯示為一個小藍色帶有紅色邊框的按鈕。
上一篇mysql替換某個字段
下一篇css中父輩元素的定義