html - 悬停时无法设置背景颜色

Question

我无法在 :hover 上为 ID“标签”设置背景颜色，我觉得这是因为它被 ID“tripBox”替换了，因为当我在悬停时更改字体大小时它起作用了，就可以'设置它的背景颜色。

<center><div style="position:absolute; z-index:999; display:none;" class="map_id" id="map"></div></center>
        <div class="col-sm-6">
          <div style="background:#D3D3D3" id="tripBox" class="box">
                <div class="row">
                  <div class="col-sm-6">
                      <img onClick="test()" style="opacity:2.0" id="trip_image" src="some_url" class="location-map img-responsive">
                  </div>
                  <div id="info_box" class="col-sm-6">
                    <p>Test</p>
                    <p>07/08/20 </p>
                    <p>Device ID # <a class="trip-id" href="">456789</a></p>
                    <div id="tags">
                       <span><i style="margin-right:2%;" class="fas fa-tag"></i></span>
                       <div style="display:inline" contenteditable="true">test tag, test tag2</div>
                       <span id ="icon_span_id" class="glyphicon">&#x270f;</span>
                                          <br><br>
                    </div>

                    <p style="color:red;" class="display_text">My Display</p>

                  </div>

                </div>

            </div>
        </div>

我的 .css 看起来像这样:

#tags:hover{
   background : '#D3D3D3';
}

Answer 1

CSS 正在运行。问题是背景是#D3D3D3，而您正试图将其更改为相同的颜色(#D3D3D3)。

#tags:hover{
   background-color: #ffffff;
}