读书破万卷,引荐一本切图仔必备书本——《CSS选择器国际》。
这本书举例介绍了
CSS
大部分选择器的用法。合适所有切图仔。
CSS
易学难精应该是所有切图仔都有的感受了。但我万万没想到,连 CSS
的选择器都不是那么简单。
这次要引荐的书是《CSS选择器国际》,是一本专门讲 CSS
选择器的书。
刚入门前端的工友应该知道标签选择器、类选择器、ID选择器。稍微再学多点的工友应该还知道子选择器、子孙选择器、兄弟选择器。
然后呢?然后就应该开始触摸伪类、伪元素这些选择器了。
那么,以下这个作用如果只用 HTML
CSS
来完成的话,你有什么主意呢?
上面这种是 Material Design 风格占位符交互作用,在《CSS选择器国际》这本书里有介绍到,用的是 :placeholder-shown
这个伪类。完全不需要添加一丁点 JS
就能完成这么美观的特效。
在这本书中还介绍了许多神器的选择器,比如URL定位伪类、用户行为方面的伪类、树结构伪类。还具体讲解了选择器的逻辑组合。
我做前端好几年了,日常写 CSS
最最最苦楚的是给类命名。《CSS选择器国际》这本书给出一些命名建议,真的戳到我痛点了。
说了那么多,再看看这本书的作者。便是书封面印着的那位帅哥张鑫旭。在写本文时,这老哥出了3本书《CSS国际》、《CSS新国际》和《CSS选择器国际》。前面两本书也不错,书里有许多作者的个人思想。但我个人觉得,前两本书在 CSS
书本里的竞争力并不是那么强,由于同类书本挺多的了。而《CSS选择器国际》暂时还没什么竞争者,而且内容干货十足,还合适不同阶段的切图仔阅读。
除了实体书外,这位老哥在也出了一本小册子《技能写作指南》,有爱好的工友可以入手~