plan cul gratuit - plan cul bordeaux - voyance gratuite en direct
,

一个记忆CSS选择器优先顺序的妙方

封面:Free vector art via www.vecteezy.com

这几天在学习CSS的时候,被CSS选择器搞得有点混乱。由于CSS的样式有优先度,例如class选择器优先度小于id选择器。另外还有一些pseudoclasses的优先顺序也是令人头疼, 例如 :

:active :hover :link :visited

正被记忆优先顺序搞得头发麻的时候,发现一个神奇的网站:CSS-TRICKS

这个网站有很多关于CSS的技巧以及解答疑惑的博客。而且网页的UI设计非常的精美。

CSS-TRICKS官网

上面有一篇博客介绍了一个很酷的方法来记住顺序的四个选择器,“LVHA  (link visited hover active) ”

Just think ‘LOVE’ (LV) and ‘HATE’ (HA)….

我们只要想 LOVE 和 HATE 这两个单词: 爱-恨,就很方便的可以记忆这四个选择器的顺序啦

  • a:link
  • a:visited
  • a:hover
  • a:active
Q.E.D.

About lucas

Leave a Comment

Previous

HTTP请求头列表详解(转)

CSS优先级:cheatsheet

Next