CSS4 hoy: dirección de los elementos principales mediante cssParentSelector.js

CSS4 hoy: dirección de los elementos principales mediante cssParentSelector.js

CSS facilita el tratamiento de elementos secundarios y hermanos. Sin embargo, los elementos principales no se pueden abordar mediante el uso de CSS, al menos no hoy. CSS4 presentará esta posibilidad, pero no espere ver ningún navegador que lo admita en el corto plazo. El complemento jQuery cssParentSelector permite el uso del nuevo selector principal CSS4 hoy.


cssParentSelector

Regreso al futuro: el complemento permite un vistazo de CSS4 en este momento

CSS4 traerá una gran cantidad de mejoras, incluidos algunos selectores nuevos. Uno de estos nuevos selectores es el selector principal que permite abordar elementos principales que no son posibles en CSS3. Así es como se verá la sintaxis:

p! > input {
  color: red;
}

En nuestro ejemplo, el contenido del elemento P se colorea de rojo tan pronto como es padre del elemento INPUT. Como ningún navegador moderno puede mostrar este efecto, debería omitir su uso. Si no quiere esperar, digamos, tres años, debe concentrarse en cssParentSelector para jQuery. Para usar este complemento, lo llamará como de costumbre junto con jQuery desde el encabezado de su HTML. El complemento se ocupará de todas las ocurrencias del selector que no se admitan de forma nativa. No está limitado en el uso del selector y puede invocarlo en clases e ID. Se supone que funciona en combinación con el selector universal también:

*! > p {
  background: green;
}

En este ejemplo, el fondo de cada padre de un elemento P será de color verde. En lugar de dirigirse directamente al elemento principal, también puede apuntar a un elemento de destino especial, que es hijo del elemento principal:

!p label > input {
  color: blue;
}

En este ejemplo, la propiedad CSS color afecta a todos los elementos LABEL, que son secundarios del elemento P, si el elemento P es el elemento principal de un elemento INPUT. ¿Captar la idea?

Conclusión: El próximo elemento principal hará felices a muchos desarrolladores web. Mientras sea necesario para que CSS4 funcione en los navegadores comunes, haga uso de cssParentSelector para jQuery. El complemento está disponible a través de Github y se puede utilizar de forma gratuita para proyectos privados y comerciales bajo la licencia MIT y GPL.

(dpe)

#CSS4 #hoy #dirección #los #elementos #principales #mediante #cssParentSelectorjs

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *