gpt4 book ai didi

css - 如何在 css 中选择带有 data-attr 的 DOM ID?

转载 作者:行者123 更新时间:2023-11-28 03:08:45 25 4
gpt4 key购买 nike

我有一个html页面

 <smalltooltip id="menu-discussion" data-title-tooltip="Discussion"></smalltooltip>
<smalltooltip id="menu-settings" data-title-tooltip="Settings"></smalltooltip>

和CSS样式

smalltooltip[data-title-tooltip]:after {
//css style
}

它在工作,但是如何像这样选择 id“menu-discussion”:

#menu-discussion[data-title-tooltip]:after{
width: 70px;
}

但它不起作用。

最佳答案

是否只是您选择了“data-title-tooltip”属性而不是“data-title”?

#menu-discussion[data-title]:after {...}

或者您是否缺少 after 伪元素的 content 属性?

#menu-discussion[data-title]:after {
content: '';
}

关于css - 如何在 css 中选择带有 data-attr 的 DOM ID?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31511683/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com