Elemento HTML di stile basato sul titolo con CSS

Question

È possibile applicare uno stile a un elemento HTML utilizzando solo il titolo come identificativo univoco? Per esempio:

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

Vorrei scrivere una regola che si applica solo ai elemento link all'interno di un div di classe my_class e il titolo del link MyTitle.

Non ho la possibilità di modificare il layout di pagina, tuttavia, posso utilizzare un file CSS personalizzato incluso automaticamente.

Grazie

Answer 1

è sicuramente, utilizzando quello che viene chiamato selettori di attributo; questi fanno parte dei CSS2. Nel vostro caso particolare, utilizza:

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

Si può leggere di più su selettori di attributo qui: http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

Answer 2

Sì, è possibile:

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

Direste A [titolo = "MyTitle] Credo.

Answer 3

Quello che stai cercando è css selettori di attributo:

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

un [titolo] { ...}

Answer 4

specifiche CSS identificare una serie di "selettori" che possono aiutare a qui. Ad esempio, è possibile applicare una regola come la seguente:

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

si può vedere una specifica dettagliata di CSS "selettori" qui:

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

Answer 5

Anche se è possibile, utilizzando i selettori di attributo (vedi http://www.w3.org/TR/CSS2/selector.html#attribute-selectors) Internet Explorer 6 non lo supporta (vedere http://kimblim.dk/css-tests/selectors/)

Un esempio dal sito W3C: H1 [titolo] {colore: blu; }