[SOLVED]Change {NEW} apearance with CSS

[pierre.meli]

I want to change the <a>-link appearance of the right column of http://meli.cc. The content is generated by using RT {NEW:7}. Looking at the source code I can see that the content is sourrounded by the following command:

<div class="news"> ....(content)....</div>

To change the apprearance of the links generated automatically by the NEW RT, I have added the following definition in the frontend CSS:

.news a:link, a:visited, a:active {color: #ffffff; text-decoration: none; }
.news a:hover { background-color: #aaaaaa; }

I also tried to definie it like this:

a.news:link, a.news:visited, a.news:active {color: #ffffff; text-decoration: none; }
a.news:hover { background-color: #aaaaaa; }

but, it doesn't work. I also tried to define an additional <div> container around the NEW RT with a different class name, which I also delcared in the frontend CSS - no success. Any suggestion?

Thanks, cheers

[pierre.meli]

Here is the solution:

.news a, .news a:link, .news a:visited, .news a:active {color: #ffffff; text-decoration: none; }
.news a:hover { background-color: #aaaaaa; }

I changed the following after having analysed some other CSS files:
- added ".news a" (with just the a tag)
- added ".news " in front of all pseude elements

Sorry for the inconvenience