selenium css構文を使用して前の兄弟を選択する方法

Question

EG私が持っているものがすべて3番目のIDである場合、このリストの2番目のdivを選択するにはどうすればよいですか？

<div></div> 
<div>I want this</div> 
<div id="i_know_this"></div> 

チルダを使用できると提案しています。例えばcss =＃i_know_this〜divであるが、前の兄弟ではなく次の兄弟を選択している。また、:: beforeセレクタは機能しません。

Answer 1

あなたは利用XPathの選択を試すことができます - ここでは例を参照してください。http://zvon.org/xxl/XPathTutorial/Output/

Answer 2

CSSセレクタ・パスは、あなたは、XPath //*[@id='i_know_this']/preceding-sibling::div[1]

Answer 3

を使用する必要があります、その場合にはDOM階層で後方に移動する権限を与えるものではありませんaxライブラリ（axはCSSポストプロセッサです）を使用できます。この場合

、直前の斧セレクタ?あります。

（従来のCSSでは+の反対です）。

実施例：の

div { 
 
height: 36px; 
 
padding: 6px 12px; 
 
line-height: 36px; 
 
} 
 

 
#i_know_this:hover ? div { 
 
color: rgb(255, 255, 255); 
 
background-color: rgb(255, 0, 0); 
 
}

<div>Ignore me</div> 
 
<div>I want this</div> 
 
<div id="i_know_this">Hover me</div> 
 

 
<script src="https://rouninmedia.github.io/axe/axe.js"></script>