外部StyleSheet无法用于img标签

Question

<div id="topbar">
  <div class="line">
    <img src="http://via.placeholder.com/10x10" style=" height: 10px; width: 10px;">
    <p>CONTACT US: <strong>0800 200 200</strong> | <strong>contact@equinoxitservice.com</strong></p>
  </div>
</div>

在上面的代码中，如果我将内联样式表用于img标签，则工作正常，但是如果我使用外部样式表，则它不工作。下面是带有外部样式表的代码。

.line img {
  width: 10px;
  height: 10px;
}

.line {
  clear: left;
}

<div id="topbar">
  <div class="line">
    <img src="http://via.placeholder.com/10x10">
    <p>CONTACT US: <strong>0800 200 200</strong> | <strong>contact@equinoxitservice.com</strong></p>
  </div>
</div>