中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

使用選擇符

我們從簡(jiǎn)單但充分復(fù)雜的html結(jié)構(gòu)開始：

<div>First DIV
   <p>Paragraph One -
      <a href="#">link A</a>
      <a href="#">link B</a>
   </p>
   <div>Second DIV
      <p>Paragraph Two -
         <a href="#">link C</a>
         <a href="#">link D</a>
      </p>
      <p>Paragraph Three -
         <a href="#">link E</a>
         <a href="#">link F</a>
      </p>
      <p>Paragraph Four -
         <a href="#">link G</a>
         <a href="#">link H</a>
      </p>
      <div>Third DIV
         <p>Paragraph Five -
            <a href="#">link I</a>
            <a href="#">link J</a>
         </p>
         <p>Paragraph Six -
            <a href="#">link K</a>
            <a href="#">link L</a>
         </p>
         <p>Paragraph Seven -
            <a href="#">link M</a>
            <a href="#">link N</a>
         </p>
      </div>
      <p>Paragraph Eight -
         <a href="#">link O</a>
         <a href="#">link P</a>
      </p>
   </div>
   <p>Paragraph Nine -
      <a href="#">link Q</a>
      <a href="#">link R</a>
  </P>
</div>

圖1 是html結(jié)構(gòu)的文本對(duì)象模型樹，圖揭示了元素之間真實(shí)結(jié)構(gòu)的聯(lián)系。

在圖1里兄弟元素分布在較低的支線上，它們的源頭分布在圖表從左到右順序上。每組兄弟元素是它們所在支線會(huì)合頂點(diǎn)單一元素的子元素。如Paragraph One, Second DIV, and Paragraph Nine都是兄弟，而且都是First DIV的子元素。

圖2使用清楚的樣式顯示它們?cè)趺凑故荆現(xiàn)irst DIV的結(jié)構(gòu)有Paragraph One, Second DIV, and Paragraph Nine組成。Second DIV有三個(gè)以上段落和擁有三個(gè)以上段落的Third DIV。所有段落的顏色是白色，每個(gè)包含兩個(gè)鏈接元素。所有DIV黑色邊框輕度褐色。

Image 2: DIVs are black-bordered and paragraphs are colored white for clarity.

這個(gè)結(jié)構(gòu)可以進(jìn)行許多選擇符的試驗(yàn)。#p#分頁(yè)標(biāo)題#e#

出處：藍(lán)色理想
責(zé)任編輯：moby

上一頁(yè) 詳細(xì)介紹IE7新支持的選擇器 [1] 下一頁(yè) 詳細(xì)介紹IE7新支持的選擇器 [3]

◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論