2012-11-02 21 views
0

獲取文本是我的HTML看起來像與我的網頁的問題是,我有重複class names所以在我的網頁一個例子,我在同一個頁面class="inner"多張倍。重複的類名 - 下面使用cssSelector

我的問題是:我如何抓住使用cssSelector說Get this text的文本?

<div class="tools-col-right"> 
     <div class="subcr"> 
     <div .....</div> 
     <div .....</div> 
     <div .....</div> 
     <div class="main-inner"> 
     <div class="inner"> 
      <div class="t"></div> 
      <h3> additional information</h3> 
     <div class="subcolumns"> 
     <div class="subject"> 
      <ul> 
      <li>....</li> 
      <li>....</li> 
      <li>....</li> 
      <li>....</li> 
      </ul> 
     </div> 
    </div> 
    </div> 
    </div> 

我想獲得的div class='subject'

文本試圖像這樣:div[class='tools-col-right .subject'] 但不起作用。

+0

擁有多個類名不一定是一個問題,它肯定是不允許的。你可以使用類似*「。模塊> .inner」的東西,它只會在.module裏面引用.inner類 –

+0

誰需要縮進? ':P' –

+0

這是你的實際HTML結構嗎? –

回答

1

有無數的方法。哪些可能工作取決於您的整個頁面標記(您只給出了頁面的摘錄,沒有其他.inner元素)。

#ctl00_ctl00_ContentControl3_phContent .inner {…} 

.about .inner {…} 

.main-inner .inner {…} 

#top-container .inner {…} 

編輯更新的代碼之後:

現在你只需要與類subject一個元素。再次,沒有你的整個標記(包含其他元素具有相同的類),不可能給你一個安全的答案。隨着你的榜樣,以下每個選擇的應該工作:

.subject {…} 
.subcolumns .subject {…} 
.inner .subject {…} 
.main-inner .subject {…} 
.subcr .subject {…} 
.tools-col-right .subject {…} 
+0

我已更新我的問題,並嘗試將html代碼儘可能接近,請看看。 –

+0

@AbuHamzah:我更新了答案。 – unor

1

這個選擇會選擇元素:

.tools-col-right > .subject 
+0

我已經更新了我的問題,我無法修改該頁面,我正在對無法控制的測試案例進行處理。 –

+0

@AbuHamzah我已經更新了我的答案。 –