Question

我目前有这样的代码：

.icones  {
  font-size: 10px;
  color: gray;
}

<div class="container-fluid">

        <div class="d-flex align-items-center justify-content-between header">
        
        <div class="col-md-4">
        <a class="coord" href="">
        <img src="{{ asset('build/menu.png') }}"class="icones">Menu</a>
        </div>

我目前似乎无法选择图片的icones类。我该如何纠正错误？

Answer 1

在 img 标记上的属性用法不正确。

您可以在文本HTML元素（例如H1，H2，H3，H4，H5，H6，P，span和a）上使用 font-size 和 color 。 ...但是 img 标签不是文本元素。

要更改菜单的字体大小和颜色，您应该   使用在 a 标记上设置的 coord 类。

.coord  {
  font-size: 40px;
  color: gray;
}

<div class="container-fluid">
  <div class="d-flex align-items-center justify-content-between header">

    <div class="col-md-4">
      <a class="coord" href="">
      <img src="{{ asset('build/menu.png') }}"class="icones">Menu</a>
    </div>
  </div>
</div>

如何在CSS中选择图像的类？

1 个答案: