在偶知道BEM之前,偶一直在寻找一种最优的命名方式,方便后来的新员工的融入,以及团队协作等等,对于切图网这样罕见的专门做前端切图的公司来说,这一点显得特别重要
在大家的近2000多个切图项目中,几乎各种命名方式都试过,从大家的经验中摸索出自己的一套命名体系,举个例子
.slider
.slider-wrapper
.slider-nav
.slider-nav_item
.slider-arrow
.slider-arrow_prev
.slider-arrow_next
这是大家公司内部在用的命名方式,并且符合BEM的理念,它有一个缺点就是长了一点,不过目前来说,利大于弊,如果你有更好的方式,欢迎给偶提议
@ 用什么表示子代选择器?
CSS3中的关系选择器主要包括子代选择器和兄弟选择器,其中子代选择器由符号连接,兄弟选择器由符号“+”和“~”连接,具体如下所示。
(1)关系选择器
例如: h1>strong
说明:表示选择嵌套在h1标记的子标记strong。
(2)临近兄弟选择器
例如: h2+p
说明:表示选择h2标记后紧邻的第一个兄弟标记p。
(3)普通兄弟选择器
例如:p~h2
说明:表示选择p标记所有的h2兄弟标记
@ 类选择器是以什么进行标识?
类选择器使用“.”(英文点号)进行标识,后面紧跟类名(自定义,大家自己命名的)。
如果想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器。
@ 伪类选择器和伪元素选择器的区别?
伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。