CSS類是一種非常有用的CSS選擇器,它可以幫助我們對具有特定共同特征的元素進行樣式設置。CSS類使用一個點(.)開頭來表示,接著是類名,例如:
.classname { color: red; }
在這個示例中,“classname”是CSS類的名稱,它被用于匹配HTML文檔中具有相同類名的元素。
CSS類可以與任何HTML元素一起使用,不僅限于
和,例如:
.button { background-color: #00ff00; color: #fff; padding: 5px 10px; }Click Me
在這個示例中,“.button”是CSS類的名稱,它被用于匹配元素,并設置按鈕的樣式。
當一個元素具有多個類時,可以使用空格分隔它們,例如:
.button.primary { background-color: #00ff00; color: #fff; padding: 5px 10px; }Click Me
在這個示例中,“primary”是CSS類的名稱,它被用于匹配特定類型的按鈕,并設置它們的樣式。
總之,CSS類是一種非常有用的工具來指定具有共同特征的元素的樣式,它在前端開發中使用非常廣泛。
上一篇css類選擇器的權值
下一篇css類和標簽的區別