выберите значение внутри выпадающего меню по текстовому значению

Question

У меня есть два выпадающих меню в том же окне. Оба их кода одинаковы, однако значения разные.

Первое выпадающее меню:

<div style="width: 302px; display: block; top: 263px; left: 193px;" 
    class="number_combo_list FullWidthField">  
<div class="" style="width: 100%; overflow: hidden;"></div> 
<div class="" style="width: 100%; overflow: hidden;">One</div> 
<div class="" style="width: 100%; overflow: hidden;">Two</div> 
<div class="" style="width: 100%; overflow: hidden;">Three</div> 

Второе выпадающее меню:

<div style="width: 302px; display: block; top: 263px; left: 193px;" 
     class="number_combo_list FullWidthField">  
    <div class="" style="width: 100%; overflow: hidden;"></div> 
    <div class="" style="width: 100%; overflow: hidden;">Fries</div> 
    <div class="" style="width: 100%; overflow: hidden;">Steak</div> 
    <div class="" style="width: 100%; overflow: hidden;">Chicken</div> 

Я хочу, чтобы выбрать стейк внутри второго выпадающего меню. Тем не менее, всякий раз, когда я пытаюсь, я в конечном итоге нажимаю на первое выпадающее меню. Я знаю, что могу использовать xpath, но я хочу использовать css_selector. Есть ли способ выбрать значение внутри выпадающего меню по текстовому значению?

Answer 1

Пожалуйста, не то, что следующее совместимые методы CSS3, и должны работать версии выше IE8 версии браузера

div.number_combo_list:nth-of-type(2) 

или

div.number_combo_list:nth-child(2) 

В случае, если у вас есть код, который вы пытаетесь, пожалуйста, напишите, что , чтобы мы могли указать на проблему в коде и предоставить наиболее релевантный ответ.