:first-child
および:last-child
疑似セレクターを使用して特定の div を選択し:first-child
ていますが、チェックインしたどのブラウザーでも機能しません。
私は caniuse.com と css-tricks.com をチェックしましたが、コンセンサスは:first-child
かなり広くサポートされているということで、私が気付いていないバグがあるのではないかと考えています。ローカル ノード サーバーでアプリを実行しています。css と html の両方を検証しました。動作を妨げる可能性のあるバグを知っている人は:first-child
いますか?
HTML
<div class="col-md-6 blurbs">
<label>NEWS</label>
<div>
<p>Lorem ipsum dolor spernatur aut odit aut fugit conse oluptate</p>
</div>
<div class="clearfix">
<a class="pull-left">RSS</a>
<a class="pull-right">MORE NEWS</a>
</div>
</div>
CSS
(動作していません)
.news .blurbs div:first-child{
outline: 1px solid red;
height: 260px;
overflow: auto;
margin-bottom: 10px;
}
(働く)
.news .blurbs div:last-child{
outline: 1px solid red;
width: 95%;
}