如何給div添加class?
在CSS中,給div添加class的方法如下:
1、在HTML元素中,給div元素添加一個class屬性。
<div class="myClass">Hello World!</div>
2、在CSS樣式表中,給這個class屬性定義一個樣式規(guī)則。
.myClass { color: red; font-size: 20px; }
3、在瀏覽器中加載HTML頁面時,瀏覽器會解析CSS樣式表,并將樣式規(guī)則應用到所有具有指定class屬性的元素上,在這個例子中,所有具有myClass
屬性的div元素都將被應用紅色字體和20像素的字體大小。
需要注意的是,class屬性的值可以包含多個單詞,例如my-class
或myClass
,在CSS樣式表中,需要使用點號(.)來引用這個class屬性,也可以給同一個元素添加多個class屬性,只需用空格隔開即可。
<div class="myClass anotherClass">Hello World!</div>
在這個例子中,div元素將同時應用myClass
和anotherClass
兩個樣式規(guī)則。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。