使用CSS根据HTML元素的标题样式化

Question

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

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

我想编写一个规则，仅适用于类名为my_class的div中链接元素，并且链接标题为"MyTitle"。

我无法更改页面布局，但我可以使用自定义的CSS文件，该文件会自动包含在页面中。

谢谢

- Misha M

Answer 1

没错，可以使用所谓的属性选择器来实现；它们是CSS2的一部分。在你的情况下，你会使用：

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

你可以在这里阅读更多关于属性选择器的内容：http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

- John Feminella

---

应注意，IE6不支持属性选择器。 - clawr

唉，IE6不支持很多东西。但是，让我们继续向前发展吧！;) - John Feminella

你可以使用JavaScript来破解IE6的不支持问题。比如在jQuery中：$('div.my_class a[title="MyTitle"]').css('color', 'red'); 然后使用条件注释把它隐藏，这样每个人都会满意。 - Pim Jager

您可以使用IE6中的表达式来完成此操作，但那将是一个相当丑陋的黑客技巧。 - annakata

Answer 2

CSS规范中有许多“选择器”可以帮助你。例如，你可以应用以下规则：

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

您可以在这里查看CSS "选择器"的详细规范： http://www.w3.org/TR/2001/CR-css3-selectors-20011113/

- womp

Answer 3

是的，你可以：

http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

你应该写成 A[title="MyTitle]。

- jeffamaphone

Answer 4

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

http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

a[title] { ... }

- code-is-art

Answer 5

虽然使用属性选择器（参见http://www.w3.org/TR/CSS2/selector.html#attribute-selectors）是可能的，但Internet Explorer 6不支持它（参见http://kimblim.dk/css-tests/selectors/）

来自W3C网站的示例：H1 [title] { color: blue; }

- ezra