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

Question

我有一个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;
}

但它不起作用。

Answer 1

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

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

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

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