CSS類選擇器用法探究

這里向大家描述一下CSS類選擇器的用法，在CSS中，CSS類選擇器以一個(gè)點(diǎn)號(hào)顯示，并且類名的***個(gè)字符不能使用數(shù)字！它無法在Mozilla或Firefox中起作用，另外和id一樣，class也可被用作派生選擇器。

創(chuàng)新互聯(lián)建站專注于淳安企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城開發(fā)。淳安網(wǎng)站建設(shè)公司,為淳安等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站制作，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)

CSS類選擇器

在CSS中，CSS類選擇器以一個(gè)點(diǎn)號(hào)顯示：

.center{text-align:center}在上面的例子中，所有擁有center類的HTML元素均為居中。

在下面的HTML代碼中，h1和p元素都有center類。這意味著兩者都將遵守".center"選擇器中的規(guī)則。

 
 
 

  
  
  
 
  
  
  
Thisheadingwillbecenter-aligned  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
Thisparagraphwillalsobecenter-aligned.  
  
  
  
 
  
  
  
 
 
 
 

注意：類名的***個(gè)字符不能使用數(shù)字！它無法在Mozilla或Firefox中起作用。

和id一樣，class也可被用作派生選擇器：

 
 
 

  
  
  
.fancytd{  
  
  
  
 color:#f60;  
  
  
  
 background:#666;  
  
  
  
 }  
  
  
  
 
 
 
 

在上面這個(gè)例子中，類名為fancy的更大的元素內(nèi)部的表格單元都會(huì)以灰色背景顯示橙色文字。（名為fancy的更大的元素可能是一個(gè)表格或者一個(gè)div）

元素也可以基于它們的類而被選擇：

 
 
 

  
  
  
td.fancy{  
  
  
  
 color:#f60;  
  
  
  
 background:#666;  
  
  
  
 }  
  
  
  
 
 
 
 

在上面的例子中，類名為fancy的表格單元將是帶有灰色背景的橙色。

你可以將類fancy分配給任何一個(gè)表格元素任意多的次數(shù)。那些以fancy標(biāo)注的單元格都會(huì)是帶有灰色背景的橙色。那些沒有被分配名為fancy的類的單元格不會(huì)受這條規(guī)則的影響。還有一點(diǎn)值得注意，class為fancy的段落也不會(huì)是帶有灰色背景的橙色，當(dāng)然，任何其他被標(biāo)注為fancy的元素也不會(huì)受這條規(guī)則的影響。這都是由于我們書寫這條規(guī)則的方式，這個(gè)效果被限制于被標(biāo)注為fancy的表格單元（即使用td元素來選擇fancy類）。

網(wǎng)頁(yè)題目：CSS類選擇器用法探究
網(wǎng)址分享：http://m.jiaotiyi.com/article/djhsoji.html