2009-03-08 10 views
10

Czy można zastosować styl do elementu HTML, używając tylko jego tytułu jako unikalnego identyfikatora? Na przykład:Element stylu HTML oparty na tytule za pomocą CSS

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

chciałbym napisać regułę, która będzie obowiązywała tylko do elementu łączącego w div class my_class i tytuł łącza MyTitle.

Nie mam możliwości zmiany układu strony, jednak mogę użyć niestandardowego pliku CSS, który jest dołączany automatycznie.

Dziękuję

Odpowiedz

29

to na pewno jest, za pomocą tego, co się nazywa selektorów atrybutów; są one częścią CSS2. W danym przypadku, można użyć:

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

można przeczytać więcej na temat selektorów atrybutów tutaj: http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

+0

Należy zauważyć, że IE6 nie obsługuje selektorów atrybutów. – clawr

+2

Niestety, IE6 nie obsługuje wielu rzeczy. Dalej i wyżej! ;) –

+0

Możesz hakować przez IE6 bez wsparcia przy użyciu javascript. tj. w jQuery: $ ('div.my_class a [title = "MyTitle"]'). css ('color', 'red'); A potem odłóż to za pomocą warunkowych komentarzy i wszyscy będą szczęśliwi. –

3

specyfikacje CSS zidentyfikować szereg "selekcjonerów", które mogą pomóc tutaj. Na przykład, można zastosować regułę, takie jak:

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

Można zobaczyć szczegółową specyfikację CSS „selekcjonerów” tutaj:

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

Powiązane problemy