有声读物,好看的言情小说

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

CSS類選擇器class用法探究

你對CSS類選擇其的概念和用法是否了解，這里和大家分享一下，希望對你的學習有所幫助。

創(chuàng)新互聯(lián)建站咨詢熱線：18980820575，為您提供成都網(wǎng)站建設網(wǎng)頁設計及定制高端網(wǎng)站建設服務，創(chuàng)新互聯(lián)建站網(wǎng)頁制作領域十多年，包括成都花箱等多個領域擁有豐富的網(wǎng)站設計經(jīng)驗，選擇創(chuàng)新互聯(lián)建站，為企業(yè)錦上添花。

CSS類選擇器class

在CSS中類選擇器以一個點號顯示：

 
 
   
  
  .center{text-align:center}

在上面的例子中，所有擁有center類的HTML元素均為居中。

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

 
 
   
  
     
  
  Thisheadingwillbecenter-aligned    
  
     
  
     
  
     
  
  Thisparagraphwillalsobecenter-aligned.

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

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

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

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

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

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

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

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

【編輯推薦】

CSS border屬性邊框用法揭秘
IE6.0對padding的解讀分析
CSS樣式表高效使用八大秘訣
實現(xiàn)CSS垂直居中的五大方法及優(yōu)缺點
IE6中常見CSS兼容性解決十大技巧

新聞標題：CSS類選擇器class用法探究
地址分享：http://m.fisionsoft.com.cn/article/ccopohc.html

新聞中心

其他資訊