无法理解我的img简单类有什么问题

Question

我想要做的就是将边界半径应用于图像.这是它的CSS(我在另一个项目非常相似的css工作得非常好).

.testimonial-pic img {
width:48px; 
height:48px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}?

我想,也许html中有一些继承导致它失败,但也无法发现任何立即显而易见的东西.

<blockquote class="testimonial">
<p>You don’t need to see his identification. 
These aren’t the droids you’re looking   for. 
He can go about his business. Move along.</p>
 </blockquote>
 <div class="arrow-down"></div>
  <img class="testimonial-pic" src="carmen_villadar_thumb.jpg"   />
  <p class="testimonial-author">Obi-Wan Kenobi | <span>Jedi Master</span></p>

我试图改变应用css的顺序.我也检查了我周围的css,看不到任何应该发生冲突的事情,特别是考虑到我没有将任何css应用于任何其他图像属性的事实,我也命名了一个独立的类,所以不明白为什么这不是或不应该奏效.

以下是实时页面的链接,以防万一:https://dl.dropbox.com/u/3417415/testimonials/carmen_villadar.html

Answer 1

您的规则应适用于img.testimonial-pic.您当前正在将规则应用于具有类的元素内的图像.testimonial-pic.