小毅整理之------CSS選擇器

          Posted on 2009-09-10 00:42 H2O 閱讀(261) 評論(0)  編輯  收藏 所屬分類: css
          一直對這個地方糊里糊涂,這次借了一本書,爭取將css強化一下.
          CSS的幾種選擇器:
          • 標記選擇器:
              定義html或者xhtml標簽的通用CSS樣式,定義語句前無前綴。例如:
          <style>
          h1
          {
            color
          :red
          }
          </style>
          <h1>This is test.</h1>

          • 類別選擇器:
              通過定義單獨的class來定義對應樣式,定義語句前綴為 '.'。例如:
          <style>
          .red
          {
            color
          :red
          }
          </style>
          <p class="red">xxxxxx</p>

          • ID選擇器:
              通過對應html元素的標簽ID來定義對應樣式,定義語句前綴為 '#'。例如:
          <style>
          #
          firstPar{
            color
          :red
          }
          </style>
          <p id="firstPar">xxxxxx</p>

          • 復合選擇器:

          另外,可以通過這幾種選擇器組合定義復合選擇器,例如:
          <style>
          p
          {
            color
          :red
          }
          p .firstPar
          {
            color
          :blue
          }
          .firstPar
          {
            color
          :green
          }
          </style>
          <p>普通段落</p>
          <p class="firstPar">第一段</p>
          <h1 class="firstPar">第一段標題</h1>

          • 全局選擇器:
          如果想要一個頁面中所有html標記使用同一種樣式,可以定義一種全局選擇器: '*'。例如:
          <style>
          *
          {
            color
          :red;
            font-size
          :10px
          }
          </style>
          <p>普通段落</p>
          <p>第一段</p>
          <h1>第一段標題</h1>

          • 后代選擇器:
          可以通過嵌套的方式,對特殊位置的html標記進行聲明。后代選擇器的寫法就是把外層的標記寫在前面,內層的標記寫在后面,之間用空格分隔。當標記發生嵌套時,內層的標記就成為外層標記的后代。例如:
          <style>
          p span
          {
            color
          :red;
            font-size
          :10px
          }
          span
          {
            color
          :green
          }
          </style>
          <p>嵌套使<span>用CSS</span>標記的方法</p>
          嵌套之外的<span>標記</span>不生效

          posts - 0, comments - 21, trackbacks - 0, articles - 101

          Copyright © H2O

          主站蜘蛛池模板: 长沙县| 新化县| 嘉兴市| 彩票| 东宁县| 九龙城区| 雅安市| 奉贤区| 新津县| 连山| 开封县| 凤山县| 晋中市| 潜江市| 子洲县| 阿勒泰市| 峨边| 齐齐哈尔市| 罗定市| 墨江| 会理县| 双桥区| 沅陵县| 新泰市| 明水县| 塘沽区| 弥勒县| 连云港市| 巴彦淖尔市| 石林| 扶绥县| 绥芬河市| 伊金霍洛旗| 三都| 广饶县| 内丘县| 济阳县| 淮滨县| 奉节县| 怀柔区| 天镇县|