2011-11-01 71 views
0

我想基於文本「編輯」這樣的事情CSS定位同胞通過文字

CSS = ul.jd_menu裏選擇同級編輯菜單:包括(「編輯」),但它仍然選擇文件鏈接,所以在本質上試圖通過他們的文字

這裏找到列表項是源的smipppet

<ul class="jd_menu" style="background-color: rgb(236, 233, 216);"> 
    <li class="" style="background-color: transparent;"> 
     File 
     <ul class="jdm_events" style="left: 0px; top: 36px; display: none; background-color: rgb(236, 233, 216);"> 
    </li> 
    <li class=""> 
     Edit 
+0

請張貼您的代碼更清潔一點。 –

+0

粘貼代碼/標記時,突出顯示它並使用代碼示例{}格式化按鈕,以便HTML不會被去除。否則,你的帖子很難理解。 –

回答

0

注意

<ul class="jdm_events" style="left: 0px; top: 36px; display: none; background-color: rgb(236, 233, 216);"> 

實際上並沒有關閉,所以編輯<li>在它下面而不是父母<ul>。

儘管如此,:內容()選擇被認爲是CSS3但遭到了拒絕:http://www.w3.org/TR/css3-selectors/#content-selectors

所以有做純CSS無電流的方式。你可以代替

  1. 編寫JavaScript通過的元素的textContent迭代找到編輯,或
  2. 將所需的字符串作爲定製attibute例如< li label =「編輯」>編輯... </li >然後選擇那個。