I have the following html snippet:

```
<a href="page1.aspx" class="title">page title goes here</a><br />
<span class="username">username goes here: </span><span class="dateandtime">date the time go here</span>

```

Here is the css for these classes

```
.title
{
    color:#707070;
}

.username
{
    color:#8DAAB8;
}

.dateandtime
{
    color:#A5A7AC;
}

```

Is it possible to change the colors of these 3 items when hovering over the title?

The colors I want the items to change to are as follows

```
title = 000000
username = DF821B
dateandtime = 3185B6

```

Not sure if this is possible with css, if the html snippet structure needs to change, that will not be a problem.

I know this can be done with javascript, but wanted to know if it is possible without javascript.