La pseudo-class :not

22/Dic/2015 76

Esta es una de las pseudo-clases menos utilizadas pero con gran utilidad al momento de alcanzar selectores CSS que no comparten cierta regla. La pseudo-clase :not permite seleccionar todos los selectores excepto que satisfacen cierta condición. Esto es muy útil ya que solíamos definir las propiedades a los elementos que necesitábamos y luego escribíamos la excepción y dependiendo de cómo, podía ser con clase CSS ó selectores hermanos/adyacentes u otros. Por ejemplo, para darle un borde separador a todos los elementos de un menú menos para el último podíamos:

.menu a {
  margin-right: 5px;
  padding-right: 5px;
  border-right: 2px solid gray;
}
.menu a:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

JS Bin on jsbin.com

Con :not todo se hace más fácil y con mucho menos código:

.menu a:not(:last-child) {
  margin-right: 5px;
  padding-right: 5px;
  border-right: 2px solid gray;
}

JS Bin on jsbin.com

Soporte: IE9+ con tranquilidad

Links:

Comentarios

  1. Audgcq [#]

    Fmwpli – generic cialis 20 Tjaipi lonbvp

  2. Jwrgzy [#]

    Pkxrxh – best price for genuine viagra Itaund mbacxm

  3. Fkzlyp [#]

    Cqcudd – cheap generic viagra free shipping Oofsrm bomrem

  4. Scottsnuro [#]

    https://zithromaxproff.com/# where can i buy zithromax uk
    zithromax 1000 mg online

  5. Pytvmn [#]

    Sygqvx – assignment help reviews Yjqenm ycnhaa

  6. Williamtaw [#]

    mature adult phone chat
    meet singles online

  7. Scottsnuro [#]

    https://zithromaxproff.com/# zithromax 500 mg
    buy zithromax without prescription online

  8. Lzsupv [#]

    Zaiffi – australian essay writers Nuwyfc smubqk

  9. Wcttsn [#]

    Hlqakb – sildenafil coupon 100mg Zpzpcf xglgix

  10. Vbajtz [#]

    Nfnnga – canadian pharmacy viagra prices Spbcfd lefwpe

  11. Oonrpk [#]

    ivermectin ireland – stromectol generic ivermectin over the counter uk

  12. Gpbcjt [#]

    stromectol price in india – stromectol sales ivermectin for humans

  13. Txufmc [#]

    how much is ivermectin – stromectol 6 mg tablet ivermectin gel

  14. Ovgnxa [#]

    can you buy zofran online – zofranpl.com zofran otc mexico

  15. Javierexesk [#]

    tinder app , tindr
    what is tinder

  16. Richardlah [#]

    buy cialis cheaper online erectile dysfunction medications – buy cialis online overnight
    buy cialis canadian

  17. Rtmnan [#]

    where to buy ivermectin pills – stromectol price usa buy stromectol uk

  18. Cuhfma [#]

    order stromectol – dosage for ivermectin in humans ivermectin 0.08

  19. Xnujme [#]

    buy ivermectin uk – stromectol 3mg tablets ivermectin uk

  20. Javierexesk [#]

    tinder online , tinder dating app
    http://tinderentrar.com/

  21. Vixtrv [#]

    plavix generic pill – plavix 75mg price clopidogrel 150 mg

  22. Spdbon [#]

    plavix 150 mg – clopidogrel generic clopidogrel 75 mg discount coupon

  23. Onalbl [#]

    ed pill losing effectiveness – home remedies for impotence erectile dysfunction testo ed pills

  24. Michaelerura [#]

    buy cialis very cheap prices fast delivery: buy cialis toronto much does cialis cost without insurance
    cialis without presciption in usa

  25. Ybgxux [#]

    over the counter ed treatment – the best over the counter pill for ed denzel washington dr phil ed pill

Deja tu Comentario

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

CSSLab