Question

我需要定位具有此属性的h1标记：style=color:#230870并应用文本阴影。它很好用，当然除了在IE中。我发现的示例代码似乎有用，但我的代码使用了'＃'，而在IE中，它在H1中呈现为：style="color: rgb(35, 8, 112);。

Here is my code on CodePen

#mydiv h1[style*=red] {
    text-shadow: 2px 2px 5px #443E55;
}
#mydiv h2[style*=70] {
    text-shadow: 2px 2px 1px #ffcc00;
}
#mydiv h2[style*=rgb] {
    text-shadow: 2px 2px 1px #ffcc00;
}

<div id="mydiv">
	<h1>THIS IS A REGULAR H1 TAG</h1>
	<h1 style="color:red">THIS IS H1 WITH "red" AS IT'S ATTRIBUTE VALUE AND A DROP SHADOW</h1>
	<h1 style="color:#230870">THIS H1 WITH BLUE #230870 CSS ATTRIBUE VALUE WITH A DROP SHADOW</h1>
  <h1 style="color: rgb(35, 8, 112);">THIS H1 WITH BLUE #230870 BUT IE RENDERS THE ATTRIBUTE as: 'style="color: rgb(35, 8, 112)'</h1>
  
</div>

我做错了什么？

Answer 1

您的HTML全部为h1，但您的CSS目标为h2（第2和第3位）

同时使用h1[style*="70"]定位第二个

h1[style*=red] {
    text-shadow: 2px 2px 5px #443E55;
}
h1[style*="70"] {
    text-shadow: 2px 2px 1px #ffcc00;
}
h1[style*=rgb] {
    text-shadow: 2px 2px 1px #ffcc00;
}

<div id="mydiv">
	<h1>THIS IS A REGULAR H1 TAG</h1>
	<h1 style="color:red">THIS IS H1 WITH "red" AS IT'S ATTRIBUTE VALUE AND A DROP SHADOW</h1>
	<h1 style="color:#230870">THIS H1 WITH BLUE #230870 CSS ATTRIBUE VALUE WITH A DROP SHADOW</h1>
  <h1 style="color: rgb(35, 8, 112);">THIS H1 WITH BLUE #230870 BUT IE RENDERS THE ATTRIBUTE as: 'style="color: rgb(35, 8, 112)'</h1>
  
</div>

Answer 2

由于每页只有一个h1，您可以使用更简单的选择器，因此无需过度指定。这应该做你需要的：

h1 {
   border:1px solid red; 
   text-shadow: 1px 3px 3px rgba(135, 206, 235, 1);
}

Answer 3

谢谢大家。这是解决方案，不确定谁先评论。我错过了搜索中的标记。

    h1[style*='35'] {text-shadow: 1px 3px 3px rgba(135, 206, 235, 1);}

在IE9 +中定位元素属性

3 个答案: