【问题标题】:Attribute tag will not work in css as one of my selectors [closed]作为我的选择器之一,属性标签在 css 中不起作用[关闭]
【发布时间】:2018-03-20 04:50:08
【问题描述】:

这个属性标签 a[h2]{color:orange;} 是否有任何理由在 css 中不起作用?我似乎无法让属性标签适用于任何元素。

【问题讨论】:

  • a[h2] 应该怎么做?您的 HTML 标记是 <a h2="whatever">...</a> 吗?如果不是,你的 CSS 规则不好。
  • 如果您可以分享相关的 HTML,并让我们知道您要选择哪个元素,我们将能够提供更好的答案。

标签: css-selectors


【解决方案1】:
a[h2] {
    color:orange;
}

意味着所有具有名为h2 的属性的<a> 标签都将显示为橙色;即<a h2="whatever">hello, world!</a>

这可能不是你想要的,既是因为这将是无效的 HTML(h2 不是 <a> 的属性,自定义属性仅在以 data- 开头时才允许使用),还因为我我假设您要定位 <h2> 标记 inside 您的 <a> 标记。

为此,请使用以下代码:

a h2 {
    color:orange;
}

这会将<a>标签内的所有<h2>标签染成橙色。

阅读更多关于 CSS 选择器的信息here

【讨论】:

    【解决方案2】:

    您是否在 html 页面中引用了您的样式表? <link rel="stylesheet" type="text/css" href="theme.css"> 如果这样做了,请检查元素是否具有 h2 属性。类似<a h2="value">

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-05-21
      • 2019-09-08
      • 1970-01-01
      • 2021-12-01
      • 2012-02-09
      • 1970-01-01
      • 1970-01-01
      • 2011-04-17
      相关资源
      最近更新 更多