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

Question

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

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

我想编写一个规则，该规则仅适用于 my_class 类的 div 中的链接元素和链接标题 MyTitle。

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

谢谢

Answer 1

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

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

您可以在此处阅读有关属性选择器的更多信息：http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

Answer 2

是的，你可以：

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

我相信你会说 A[title="MyTitle]。

Answer 3

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

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

一个[标题] { ... }

Answer 4

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

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

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

http://www.w3.org/TR/2001/CR-css3-selectors-20011113/

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; }