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

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

It is an incorrect property usage on img tag.

You can use the font-size and color on the text HTML elements like H1,H2,H3,H4,H5,H6,P,span and a .... but the img tag is not a text element.

To change the font-size and color of your Menu, you should use the coord class setted on the a tag.

.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>