A veces, nos es necesario cambiar el css de una página dependiendo de ciertos parámetros que no se pueden comprobar usando sólo CSS, para ellos tenemos que usar Javascript, aquí tenéis algunos ejemplos que he aplicado en el trabajo:

1º Esta línea le quita el background a la etiqueta ‘html’, así que, podéis sustituir ‘html’, por la etiqueta que queráis, por ejemplo, ‘body’, ‘div’, ‘td’…


<script>
$('html').css("background", 'none');
</script>

2º Además podéis usar IDs y clases en lugar de etiquetas.


<script>
$('#columnader').css("background", 'none');
</script>

3º El método .css, tiene muchas posibilidades, pero no puede hacerlo todo, como por ejemplo, el display:none (para que no se muestre determinado elemento), que tendría que ser usando el método .style del siguiente modo:

<script>
$('#columnader').style.display = 'none';
</script>

4º A continuación os muestro otros ejemplos donde podréis ver las aplicaciones prácticas que pueden tener, por ejemplo, éste primero, oculta el div con id “consejoweb” si y sólo si la ruta es www.tuweb.com/catalogo:

<script>
  new2URL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;
pathArray = window.location.pathname.split( '/' );
escatalogo=pathArray[1];
  if(escatalogo!="catalogo"){
    document.getElementById("consejoweb").style.display = 'none';
}
</script>


<script>
//cambia las imagenes de fondo del buscador

function limpiaInputBuscador(){
$('#buscador').css("background", 'white');

}

function escribeInputBuscador(){
$('#buscador').css("background", 'none');

}

</script>