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

时间:2019-12-17 17:07:50

标签: html css

我目前有这样的代码:

.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类。我该如何纠正错误?

1 个答案:

答案 0 :(得分:2)

  

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>