html - 通过 CSS 访问 html 内容？

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>

如何通过 css 对 auto-text3 进行特殊处理？

Answer 1

参见第 6.6.5.7 节。 CSS3 的 future 提案:

:last-child伪类

与 :nth-last-child(1) 相同。 :last-child 伪类表示一个元素是其他元素的最后一个子元素。

ul > li:last-child { }

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

(在您的示例中 </menu> 可能意味着结束 </div> 。)

目前我想最好还是使用标记第一个和最后一个列表元素的类，或者在#menu id 上使用简单的 Javascript。