Html 如何基于父div是否为display:none创建CSS规则

我想基于设置为display:none的父元素，通过css更改样式设置

以下是HTML：

<div id="mapLinkDiv" class="nav nav-second-level">
  <table class="NavSurvey" style="width:180px;">
    <tbody>
      <tr>
        <td>
          <a class="fixedResultsLink" href="/QBMapping/QBMap.aspx" title="Map results by State" target="MapByState">Map by State</a>
        </td>
      </tr>
    </tbody>
  </table>
  <table class="NavSurvey" style="width: 180px; margin-top:10px;">
    <tbody>
      <tr>
        <td style="font-size:12px; text-align:center;">Maps are underdevelopment and may not work properly</td>
      </tr>
    </tbody>
  </table>
</div>

地图开发不足，可能无法正常工作

因此，我想设置一个规则，如果mapLinkDiv是display:none，那么使用类“fixedResultsLink”删除所有标记的剩余填充

这是我目前的CSS（在页面上）：

<style>
  a.fixedResultsLink{ 
    padding-left:28px;
  }
  #mapLinkDiv[style*='display:none'] a.fixedResultsLink {
    padding-left:0;
  }
</style>

a、 fixedResultsLink{
左侧填充：28px；
}
#mapLinkDiv[style*='display:none']a.fixedResultsLink{
左侧填充：0；
}

到目前为止，我没有发现什么可以帮助我解决这个问题，但在谷歌输入了错误的标准：）

我要说的是，这是我正在研究的第二条CSS规则

如何实现这一点？

#mapLinkDiv[style*='display:none']a.fixedResultsLink正在选择一个带有直系后代a.fixedResultsLink的#mapLinkDiv。最简单的方法是在css选择器中插入a.fixedResultsLink的所有父标记，尽管这很难看

---

#mapLinkDiv[style*='display:none']表tbody tr td a.fixedResultsLink

这似乎已经如您所述起作用了。你面临的问题是什么？我了解情况。有一点我很困惑，为什么我们要在父元素设置为display:none时设置子元素的样式。我的假设是div及其子对象将不可见。请帮助我理解。嘿，小熊，这是一个可以最小化的左手菜单，显示它只显示顶级菜单项的图标，当鼠标悬停在div中的子菜单项上时仍然显示，我的意思是它会将它们弹出到悬停图标的右侧