javascript - 外部样式未应用于 img 标签

Question

外部样式不仅仅应用于 img 标签。尽管它正在应用于同一文件中的其他标签。

主页.php

<link rel="stylesheet" href="styles.css" type="text/css"/>
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<script src="jquery-3.1.0.js"></script>
<script src="js/bootstrap.min.js" ></script>
<div class="col-sm-3 thumbnail" style="height: 350px;">
    <img src="Images/1000px-Htc_new_logo.svg.png">
    <p class="test" >
        this is just  for testing the css link
    </p>
</div>

样式.css

img{
    height: 300px;
    width: 100%;
    border: solid 1px;
}
p{
    border: solid 1px;
}

p 标签工作得很好

Answer 1

在您的自定义 css 文件之前添加您的 vendor css( Bootstrap 等)，以便您可以在需要时覆盖默认 vendor 样式。