Style HTML element based on its title using CSS

Question

Is it possible to apply a style to an HTML element using only its title as a unique identifier? For example:

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

I would like to write a rule that will apply only to link element within a div of class my_class and the link title MyTitle.

I do not have the ability to change page layout, however, I can use a custom CSS file that is included automatically.

Thank you

Answer 1

It sure is, using what's called attribute selectors; these are part of CSS2. In your particular case, you'd use:

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

You can read more about attribute selectors here: http://www.w3.org/TR/CSS2/selector.html#attribute-selectors