Стиль HTML-элемент, основанный на его заголовке с использованием CSS

Можно ли применить стиль к элементу HTML, используя только его заголовок как уникальный идентификатор? Например:

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

Я хотел бы написать правило, которое будет применяться только к элементу ссылки в div класса my_class и заголовке ссылки MyTitle.

У меня нет возможности изменять макет страницы, однако я могу использовать собственный CSS файл, который автоматически включается.

Спасибо

Ответы

Несомненно, с помощью того, что называется селекторами атрибутов; они являются частью CSS2. В вашем конкретном случае вы должны использовать:

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

Подробнее о селекторах атрибутов можно узнать здесь: http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

Да, вы можете:

Вы бы сказали A [title="MyTitle], я верю.

То, что вы ищете, это селектор атрибутов css:

а [название] { ... }

Спецификации CSS определяют количество "селекторов", которые могут вам помочь. Например, вы можете применить правило, например следующее:

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

Здесь вы можете увидеть подробную спецификацию CSS-селекторов:

Хотя это возможно, использование селекторов атрибутов (см. http://www.w3.org/TR/CSS2/selector.html#attribute-selectors) Internet Explorer 6 не поддерживает его (см. http://kimblim.dk/css-tests/selectors/)

Пример с сайта W3C: H1 [title] {color: blue; }