在css3中,類選擇器指的是class選擇器,它允許以一種獨(dú)立于文檔元素的方式來指定樣式,用于描述一組元素的樣式,可以在多個(gè)元素中使用。類選擇器在HTML中以class屬性表示,在CSS中以一個(gè)點(diǎn)“.”號(hào)顯示。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css3中,類選擇器指的是class選擇器,是最基本的選擇器之一。
類(class)選擇器允許以一種獨(dú)立于文檔元素的方式來指定樣式,用于描述一組元素的樣式,可以在多個(gè)元素中使用。
類(class)選擇器在HTML中以class屬性表示,在 CSS 中,類選擇器以一個(gè)點(diǎn)"."號(hào)顯示:
html代碼
<h1 class="center">標(biāo)題居中</h1> <p class="center">段落居中。</p>
CSS代碼
.center{text-align:center;}
注意:類名的第一個(gè)字符不能使用數(shù)字!它無法在 Mozilla 或 Firefox 中起作用。
類(class)選擇器可以單獨(dú)使用,也可以與其他選擇器結(jié)合使用。
.fancy td { color: #f60; background: #666; }
在上面這個(gè)例子中,類名為 fancy 的更大的元素內(nèi)部的表格單元都會(huì)以灰色背景顯示橙色文字。(名為 fancy 的更大的元素可能是一個(gè)表格或者一個(gè) div)
td.fancy { color: #f60; background: #666; }
在上面的例子中,類名為 fancy 的表格單元將是帶有灰色背景的橙色。
(學(xué)習(xí)視頻分享:css視頻教程)