0

バグの可能性があることを発見しました (少なくとも、何が悪いのかわかりません!)。

私は5つのスパンを持っています。最初のものを除くすべてに、total_breakdown のクラスがあります。そのクラスにスタイルを設定し、最初の子要素に特定のスタイルを追加しました。つまり、色を変更しました。

.total_breakdown {
    color: #727272;
    font-size: 14px;
    padding: 0 10px 0 2px;
}
.total_breakdown:first-child {
   color:black;
}

これは機能しません。.total_breakdown クラスの最初のスパンは、他のスパンと同じグレーのままです。さて、ここが興味深い部分です。最初のスパン (total_breakdown クラス名なし) を削除すると、正常に動作します。私にはバグがあるようです...

具体例はこちら

追加したかっただけですが、最新のFFとChromeでこれをテストしましたが、同じ結果が得られました

4

2 に答える 2

4

は「 class に属する最初の子」ではなく、「その親の最初の子であり、さらに class に属する要素」.total_breakdown:first-childを意味するため、定義どおりに機能します。CSS には「クラス初」のセレクターはありません。.total_breakdown.total_breakdown

于 2012-11-04T10:48:52.033 に答える
2

したがって、これが機能することを意味しますが、回避策を提供できますか？

.total_breakdown {
    color: black;
    font-size: 14px;
    padding: 0 10px 0 2px;
}
span, /* styles the spans preceding the first .total-breakdown */
.total_breakdown ~ .total_breakdown { /* styles all .total-breakdown elements */
   color: #727272;                       that follow a .total-breakdown element */
}

デモ。

参照：

于 2012-11-04T10:52:20.793 に答える