получить доступ к содержанию 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>

Как я могу дать специальную обработку auto-text3 через css?

Answer 1

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

: псевдокласс последнего ребенка

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

ul > li:last-child { }

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

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

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

Answer 2

Вы можете использовать селектор псевдокласса :nth-of-type() :

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

Это выберет третий элемент из всех li элементов с классом section-title .

Answer 3

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