Colorear celdas al pasar el cursor por encima y al hacer click.

[juanpa909]

Hola a todos...

Aclaro que soy principiante en el tema... jeje. Les comento la situación a ver si alguien me puede ayudar...

Tengo una tabla con varias filas. Lo que estoy queriendo lograr, es que al pasar el cursor por encima de algunas celdas, me cambie el color del texto de la misma, volviendo al color habitual al quitar el foco del mouse sobre esa celda. Y además, necesito que al hacer click en alguna celda, se cambie el color también, es decir, que la celda quede como si fuera "señalada"... He probado algunas cosas con con :hover, para cuando paso el cursor por encima de alguna fila, y funcionó, pero no puedo hacer andar la parte de que al hacer click se mantenga marcada la fila. Se puede lograr esto con CSS? Cuál sería la forma?

[deibiz1]

Yo he conseguido esto xD, no es exactamente lo que buscas pero se acerca:

Código:

<ul id="menu">
    <li id="A">
        <p>A</p>
    </li>
    <li id="B">
        <p>B</p>
    </li>
    <li id="C">
        <p>C</p>
    </li>
    <li id="D">
        <p>D</p>
    </li>
</ul>

Y el css

Código:

ul#menu{
    list-style:none;
}

ul#menu li{
    float:left;
    background:#ccc;
    border:1px solid #000;
    width:60px;
    height:40px;
    text-align:center;
}

ul#menu li p{
    text-decoration:none;
}

ul#menu li p:hover{
    background:#fff;
}

[BrutuSS]

Aquí tienes un ejemplo que te puede servir para colorear las celdas cuando hagas clic sobre ellas

http://bonrouge.com/br.php?page=cssonclickswitch

[juanpa909]

Gracias por las respuestas...
Al final se resolvió el inconveniente con una mezcla de CSS y JavaScript. Utilicé el :hover de CSS para cuando el cursor pasara por encima de la fila, y JavaScript para colorear la fila cuando se hace click.