<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > HTML >
      • css教程之id 選擇器

      • 2015-01-22 23:57 來源:未知
      id 選擇器(相關css教程
      id 選擇器可以為標有特定 id HTML 元素指定特定的樣式。
      id 選擇器以 "#" 來定義。
      下面的兩個 id 選擇器,第一個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色:
      #red {color:red;}
      #green {color:green;}
      下面的 HTML 代碼中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 green 的 p 元素顯示為綠色。
      <p id="red">這個段落是紅色。</p>
      <p id="green">這個段落是綠色。</p>
      CSS 類選擇器
      CSS 中,類選擇器以一個點號顯示:
      .center {text-align: center}
      在上面的例子中,所有擁有 center 類的 HTML 元素均為居中。
      在下面的 HTML 代碼中,h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選擇器中的規則。
      <h1 class="center">
      This heading will be center-aligned
      </h1>
       
      <p class="center">
      This paragraph will also be center-aligned.
      </p>
      注意:類名的第一個字符不能使用數字!它無法在 Mozilla 或 Firefox 中起作用。
      id 一樣,class 也可被用作派生選擇器:
      .fancy td {
                  color: #f60;
                  background: #666;
                  }
      在上面這個例子中,類名為 fancy 的更大的元素內部的表格單元都會以灰色背景顯示橙色文字。(名為 fancy 的更大的元素可能是一個表格或者一個 div)
      元素也可以基于它們的類而被選擇:
      td.fancy {
                  color: #f60;
                  background: #666;
                  }
      在上面的例子中,類名為 fancy 的表格單元將是帶有灰色背景的橙色。
      <td class="fancy">
      你可以將類 fancy 分配給任何一個表格元素任意多的次數。那些以 fancy 標注的單元格都會是帶有灰色背景的橙色。那些沒有被分配名為 fancy 的類的單元格不會受這條規則的影響。還有一點值得注意,class 為 fancy 的段落也不會是帶有灰色背景的橙色,當然,任何其他被標注為 fancy 的元素也不會受這條規則的影響。這都是由于我們書寫這條規則的方式,這個效果被限制于被標注為 fancy 的表格單元(即使用 td 元素來選擇 fancy 類)。
      相關教程
      江苏快3 琼海 | 天门 | 广西南宁 | 朔州 | 宁波 | 永州 | 来宾 | 营口 | 黔西南 | 海门 | 迪庆 | 儋州 | 仙桃 | 诸城 | 海南海口 | 龙岩 | 牡丹江 | 庄河 | 沭阳 | 海丰 | 宝鸡 | 广汉 | 包头 | 宁波 | 简阳 | 邵阳 | 鄂尔多斯 | 甘孜 | 百色 | 高密 | 永州 | 鹤岗 | 温州 | 甘孜 | 阳江 | 台北 | 延边 | 项城 | 伊犁 | 平顶山 | 通辽 | 柳州 | 黔东南 | 三沙 | 三河 | 迪庆 | 江门 | 贵港 | 保山 | 珠海 | 东莞 | 嘉善 | 呼伦贝尔 | 海东 | 济南 | 邵阳 | 义乌 | 肥城 | 洛阳 | 日照 | 西双版纳 | 咸宁 | 喀什 | 长垣 | 江西南昌 | 资阳 | 莱州 | 廊坊 | 巴中 | 庄河 | 惠东 | 余姚 | 南平 | 阿拉尔 | 襄阳 | 浙江杭州 | 如东 | 抚顺 | 海拉尔 | 黄石 | 宁夏银川 | 江门 | 抚顺 | 山西太原 | 海东 | 简阳 | 东阳 | 金坛 | 乳山 | 白沙 | 威海 | 湖州 | 漯河 | 安岳 | 金昌 | 四平 | 荆州 | 滕州 | 吉林 | 怀化 | 南通 | 大连 | 呼伦贝尔 | 玉环 | 儋州 | 定州 | 琼海 | 赣州 | 汕尾 | 巴彦淖尔市 | 日喀则 | 黔西南 | 松原 |