Question

我的CSS有问题。

例如我在我的CSS文件中有这个代码

.readmore {
    font-style: italic;
    text-decoration: none;
    color: #509743;
    padding-left: 15px;
    background: url(../images/more.png) no-repeat 0 50%;
}
.readmore:hover{
    color: #c8c8c8;

}

当我从HTML文件中调用它时它不起作用，但是当我在HTML文件中复制CSS代码时，它工作正常。

这是HTML代码

  <div class="col-xs-2 col-md-4" style="position:relative; top:20px; margin-left:10px;">
    <div class="thumbnail">

      <div class="caption">

      <h4>A propos de  <strong><span style="color:#509743;">L'agence</span></strong></h4>   


                <img src="images/logo_agence.gif"/><br><br>
           <p><a href="#" class="readmore">...</a></p><br><br>

        </div>
      </div>
    </div>

当我把这个代码放好时，我不喜欢它不专业而且看起来很糟糕。

             <div class="col-xs-2 col-md-4" style="position:relative; top:20px; margin-left:10px;">
    <div class="thumbnail">

      <div class="caption">

      <h4>A propos de  <strong><span style="color:#509743;">L'agence</span></strong></h4>   


                <img src="images/logo_agence.gif"/><br><br>
           <p><a href="#" style="
    font-style: italic;
    text-decoration: none;
    color: #509743;
    padding-left: 15px;
    background: url(images/more.png) no-repeat 0 50%;

hover{
    color: #c8c8c8;

}">...</a></p><br><br>

        </div>
      </div>
    </div>

悬停不起作用。

提前感谢您的帮助。

Answer 1

如何从HTML链接CSS？如果您使用的是链接元素，则应该位于文档的<head>中，并采用以下格式：

<link href="path/to/your/stylesheet.css" rel="stylesheet" type="text/css">

您需要所有三个属性。如果它不起作用，首先要确保路径是正确的。您可以使用浏览器开发人员工具中的网络选项卡查看是否找到了CSS文件（如果路径不正确，它可能会显示为404错误）。

您可能还需要确保服务器使用正确的MIME类型向下发送文件。它应该是text/css。

顺便说一句，:hover不起作用，因为你不能将伪选择器放入内联样式。

将CSS文件链接到HTML文档

1 个答案: