-1

単純な最初のタイプのCSSの問題で問題が発生しています

私は持っています

<div class='test'>
   <div>test 1</div>  
   <div>test 2</div>  

</div>

<div class='test'>
   <div>test 3</div>  
   <div>test 4</div>  
</div>

<div class='test'>
   <div>test 5</div>  
   <div>test 6</div>  
</div>

最初のテストdivに背景を赤で表示し、残りを青で表示したいと思います。

私は持っています

.test{
  background-color: blue;
  margin: 15px;
  border-top: dashed 1px grey;
}

.test:first-of-type{
  background-color: red;
  border-top:0;
}

しかし、私のすべてdivsが青を示しています。私はここで何か間違ったことをしていますか？助けてくれてありがとう！

4

3 に答える 3

2

上記のスクリプトをコピーして貼り付けるだけで、ここで正常に機能します。

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_first-of-type

たぶんブラウザに問題があります

于 2012-12-13T22:57:06.347 に答える
1

投稿されたコードは機能し、セレクターへのサポート:first-of-typeは広く行き渡っています。おそらく、IE 8以前でテストしていましたか？または、IE 9であるが、Quirksモードである可能性がありますか？または、要素のdiv前にいくつかある場合があります。divこれで問題が解決しない場合は、完全なドキュメントを投稿して、テストに使用したブラウザを特定してください。

于 2012-12-13T22:59:27.013 に答える
1

それはフィドルのie9とffで私のために働きます。

私の推測では、css3をサポートしていないブラウザを使用しています。下位互換性を保つために、最初のクラスに別のクラスを配置することをお勧めします。

互換性は次のとおりです：http： //reference.sitepoint.com/css/pseudoclass-firstoftype

于 2012-12-13T23:01:36.057 に答える