Стиль HTML-элемента на основе его названия с использованием CSS

Question

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

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

Я хотел бы написать правило, которое будет применяться только к элементу ссылки внутри div класса my_class и заголовку ссылки 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

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

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

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

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

Answer 3

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

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

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

Answer 4

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

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

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

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