css三角形不起作用

Question

访问http://onecraftyshop.com

您将在第一部分看到带有星号的灰色框。如果您查看html，它将在＃av_section_2下面显示为.arrow-down。

我正在使用jQuery插入.arrow-down类。

jQuery('#av_section_2').prepend(jQuery('<div class="arrow-down"></div>'));

这是造型的css：

.arrow-down {
width: 0; 
height: 0; 
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #eeeeee;
position: absolute;
top: 0px;
left: 50%;
}

所以我确定jquery在页面上显示时很好，但出于某种原因我无法获得css来制作三角形。

我该如何解决这个问题？纠正的CSS会很棒！

如果您需要任何其他信息，请告诉我们！

由于

Answer 1

你需要更加具体，因为你的样式表中的其他规则都会超越它。

.avia-section .arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #eeeeee;
  position: absolute;
  top: 0px;
  left: 50%;
}