Este será un artículo corto y preciso: cómo alternar estilos dentro de un mismo elemento utilizando 3 técnicas diferentes.
Con el siguiente HTML de ejemplo:
<ul>
<li>Elemento Uno</li>
<li>Elemento Dos</li>
<li>Elemento Tres</li>
<li>Elemento Cuatro</li>
<li>Elemento Cinco</li>
</ul>CSS3
Comencemos con la más vanguardista: con CSS3, a cada elemento impar (odd) agrégale el estilo definido:
ul li:nth-child(odd) {
background-color: #999;
}Si quieres los elementos pares, basta cambiar odd por even.
jQuery
Sigamos con el popular jQuery: cómo lograr estilos intercalados para elementos dependientes de uno padre:
$("ul li:odd").addClass("impar");Teniendo en el CSS:
.impar {
background-color: #999;
}Mootools
Terminemos con el poderoso Mootools, mismo CSS anterior:
$$("ul li").each(function(el, count) {
el.addClass(count % 2 == 0 ? '' : 'impar');
});* Si te fijaste, tanto jQuery como Mootools no coinciden en el zebra con el método con CSS3 porque manipula los elementos con Javascript y los interpreta como un array, el que tiene un índice de 0 y a partir de ahí comienza a contar hacia adelante. En el fondo no es realmente ‘impar’ o ‘par’, ten en cuenta que lo importante es la alternancia en los elementos.
Comentarios
stromectol 3 mg dosage https://stromectolforte.com/# cena stromektolu ivermectin
what is cetirizine – https://allergyd.com
fexofenadine hydrochloride – http://allergyd.com
erectile curvature https://pharmaceptica.com/
stromectol pill
portrait epicondylitis garage
isotretinoin side effects how does accutane work
modafinil vs adderall modafinil side effects
ivermectin tablets dosage http://stromectolforte.com/# ivermectin ivermectin for humans over the counter skin
ivermectin human dose
overall dithiolethione landscape
trimoxazole tablet uses sulfameth trimethoprim 800 160mg tb
I am sure this article has touched all the internet users, its really
really pleasant paragraph on building up new blog. http://harmonyhomesltd.com/Ivermectinum-precautions.html
how to get modafinil prescription adrafinil vs modafinil
what is prednisone prescribed for side effects of prednisone
stromectol https://stromectolforte.com/# stromectol pills stromectol
buy provigil buy modafinil online
bactrim dosage trimethoprim sulfamethoxazole
buy ivermectin 6mg http://stromectolforte.com/ ivermectin for humans amazon ivermectin for sale
online essay editing
paper writing service reviews
resume services
writing essay service