html - 如何在不为所有列表设置样式的情况下设置 元素的样式？

Question

我正在使用一个以“动态”形式显示自动完成列表的插件。

我想为列表设置样式，但不知道它是哪个元素或如何定位它。

<div class="awesomplete">
<input id="omnibar" class="idx-omnibar-input" type="text" placeholder="City" autocomplete="off" aria-autocomplete="list">
<ul hidden=""></ul>
</div>

Answer 1

您可以使用 ul[hidden] 选择具有该属性的 ul 元素。

ul[hidden] {
display: none
}

<ul>
  <li>Visible</li>
</ul>
<ul hidden>
  <li>Hidden</li>
</ul>