如何设置<ul hidden =“”> </ul>元素的样式而不设置所有列表的样式？

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>

Answer 2

您可以使用CSS中的“显示”并更改为display：none或display：block（隐藏和可见）

显示：无（隐藏） display：block（可见）

Answer 3

感谢您的回复。我可以通过简单地选择其上方的div并添加li并使用！important来解决此问题。

在这种情况下，我要做的就是在自动完成部分中设置单词的样式。

作为参考，我的页面是

BIT(10)

}