Question

我遇到一个简单的第一个类型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都显示为蓝色。我在这里做错了吗？谢谢你的帮助！

Answer 1

只需复制粘贴上面的脚本，其工作正常。

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

浏览器可能存在一些问题

Answer 2

发布的代码作品，support to the :first-of-type selector很普遍。也许你在IE 8或更老版本上进行测试？或者可能在IE 9上，但在Quirks Mode？或者，div元素之前可能有一些div。如果这没有帮助，请发布完整的文档并确定用于测试的浏览器。

Answer 3

它适用于ie9和ff的小提琴。

我的猜测是你使用的浏览器不支持css3。我建议在第一个课程上加上另一个课程，以便向后兼容。

以下是它的兼容性： http://reference.sitepoint.com/css/pseudoclass-firstoftype

简单的css类选择器问题

3 个答案: