доступ к содержимому html через CSS?

Question

<div id=menu> 
<ul> 
    <li class="section-title">auto-text1</li> 
    <li class="section-title">auto-text2</li> 
    <li class="section-title">auto-text3</li> 
</ul> 
</div> 

Как я могу дать специальное обращение к автотексту3 через css?

Answer 1

Вы можете использовать :nth-of-type() pseudo-class selector:

#menu > ul > li.section-title:nth-of-type(3) 

Это будет выбран третий элемент всех li элементов с классом секции титула.

Answer 2

См. Раздел 6.6.5.7. в CSS3 - будущее - предложение:

: последний ребенок псевдо-класса

То же, что: п-го последнего ребенка (1). Псевдокласс last-child представляет собой элемент, который является последним дочерним элементом какого-либо другого элемента.

ul > li:last-child { } 

http://www.w3.org/TR/css3-selectors/#last-child-pseudo

(В вашем примере </menu>, вероятно, имел в виду, что закрытие </div>.)

На данный момент я думаю, это все-таки лучше использовать классы, отмечающие первый и последний элемент списка , или простой Javascript на вашем #menu id.

Answer 3

Чтобы уточнить другие ответы, нет (в настоящее время) каких-либо селекторов CSS, которые позволяют выбирать элемент на основе его содержимого.