No estoy muy seguro de si es el enfoque correcto para que un determinado widget se comporte de manera diferente dependiendo de la URL en la que se use.
Es mejor que cree varios widgets independientes de URL, un widget por propósito. Use un precompilador CSS y OOCSS para mantener la mayor parte de su CSS / estilo reutilizable en todos sus widgets.
Si eso no es posible, aún puede agregar una clase o identificación al elemento HTML de sus páginas para ‘espacio de nombres’ en sus widgets.
- ¿Cuál es la diferencia entre .on () y .bind () en jQuery?
- ¿Hay un script como Ratemyprofessor.com?
- ¿Cuál es la mejor manera de instalar un tema de WordPress en un servidor local?
- ¿Por qué la mayoría de los diseñadores usan Photoshop para aplicaciones móviles y plantillas web?
- ¿Cuál es el sitio web más sorprendente que has visto?
HTML:
CSS:
.subpage .myWidget { background: red; }
HTML:
CSS:
.main .myWidget { background: blue; }
Si está desarrollando para Firefox solamente, podría echar un vistazo a @document domain()
pero no estoy seguro de si todavía es compatible ya que ha sido una característica experimental desde entonces
@documento
En mi opinión, no tiene sentido escribir un dominio CSS dependiente.