收服CSS挑选器

2021-03-14 06:02 jianzhan
  • PPT:Taming CSS Selectors
  • 作者:Nicole Sullivan
  • 汉语翻译:ytzong

CSS 文档的尺寸和所引发的 HTTP 的恳求数

是 CSS 特性的最重要要素

回流(reflow)和3D渲染時间

(十分!)没那末关键

副本(duplication)比老旧的标准(stale rules)更不尽人意

由于大家有专用工具解决后者

界定缺省值

不必在每处都反复编号

不太好的:

#weatherModule h3{color:red;}
#tabs h3{color:blue;}

强烈推荐:

h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}

用独立的 class 来界定构造

不必在每处都反复编号

应用 class

而并不是元素挑选器

不太好的:

div.error{...}

强烈推荐:

.error{绝大部分编码写在这里}
div.error{独立界定}
p.error{独立界定}
em.error{独立界定}

上1页12 下1页 阅读文章全文