作为我的选择器之一,属性标记在css中不起作用

时间:2018-03-19 15:50:00

标签: css-selectors

有什么理由认为这个属性标签[h2] {color:orange;}不能在css中运行吗?我似乎无法让属性标签适用于任何元素。

2 个答案:

答案 0 :(得分:1)

a[h2] {
    color:orange;
}

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

这可能不是您想要的,因为这可能是无效的HTML(h2不是<a>的属性,并且仅当自定义属性以data-开头时才允许自定义属性),但也因为我假设您要定位<h2>代码中 内的<a>代码。

为此,请使用以下代码:

a h2 {
    color:orange;
}

这会为<h2>标记为橙色的所有<a>标记添加颜色。

详细了解CSS选择器here

答案 1 :(得分:0)

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

这样的东西