时间戳

首页 > 解决方案 > 如何在 CSS 中选择图像的类？

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

标签： htmlcss

解决方案

这是img标签上的不正确属性用法。

您可以在文本 HTML 元素（如 H1、H2、H3、H4、H5、H6、P、span 和...）上使用字体大小和颜色，但img标签不是文本元素。

要更改Menu的字体大小和颜色，您应该使用在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>

推荐阅读