:last-child没有针对最后一个div

时间:2014-11-14 10:26:21

标签: css

当我用div:last-child定位div时,它不起作用。随着:第一个孩子,没关系。 :最后的类型也有效。有任何想法吗?谢谢。

HTML

<body>
  <div class="vienas" style="text-aling:justify">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
  </div>
  <div class="vienas" style="text-aling:justify">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do e</p
  </div>
  <div class="vienas" style="text-aling:justify">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
  </div>
</body>

CSS

.vienas:last-child { font-weight:bold; }

1 个答案:

答案 0 :(得分:3)

在最后的第二个<p>中,看一看,>缺失并修复可能也会解决您的问题:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>