使用CSS根据标题为HTML元素设置样式

是否可以仅使用HTML元素的标题作为唯一标识符将样式应用于HTML元素？例如：

<div class="my_class">
    <a href="some site" title="MyTitle">My Link</a>
</div>

我想写一条规则，它只适用于类my_class和链接标题MyTitle的div中的link元素

我没有能力更改页面布局，但是，我可以使用自动包含的自定义CSS文件

---

谢谢你

的确是这样，使用了所谓的属性选择器；这些是CSS2的一部分。在您的特定情况下，您将使用：

div.my_class a[title="MyTitle"] { color: red; }

您可以在此处阅读有关属性选择器的更多信息：

是的，您可以：

---

我相信你会说一个[title=“MyTitle]”。

你要找的是css属性选择器：

a[标题] { ...

---

}

CSS规范确定了许多“选择器”，这些选择器在这里可能对您有所帮助。例如，您可以应用如下规则：

.my_class a[title="MyTitle"]
{
   ...
}

您可以在此处看到CSS“选择器”的详细规范：

---

虽然可以使用属性选择器（请参阅），但Internet Explorer 6不支持它（请参阅）

---

W3C网站上的一个例子：H1[title]{color:blue；}

应该注意IE6不支持属性选择器。唉，IE6不支持很多东西。尽管如此，向前和向上！；）您可以使用javascript破解IE6不支持的内容。例如，在jQuery中：$（'div.my_class a[title=“MyTitle”]）.css（'color'，'red'））；然后用有条件的评论把它放在一边，每个人都会高兴的。你可以用IE6中的表达式来做这件事，但那将是一个相当丑陋的黑客行为