@ css模块化多个class如何引用?
方法1:用css的属性选择器。 div[class^="aa"] { background-color:#d6d6d6; height: 50px; }1 2 3 方法2:用空格分隔多个class .aa { background-color:#d6d6d6; height: 50px; }1 2 3
@ 为什么看到有的前端工程师将css每个选择器里的内容写成一行?
应该是个老程序猿,之前css压缩没有实现的时候,通过缩短选择器嵌套,人工进行压缩就出现了这个。而且没有less,scss开发的时候这种情况更甚,不过有了这些便捷的开发方式也希望去注意一点嵌套层数。
推荐项目工程呢还是用less,scss开发比较好,css文件开发期就是被编译的压不压缩无所谓了。
推荐楼主使用 vs code 这个编辑器 非常好用的东西。如果你要发展全栈或者学习node,这个玩意儿绕不开1
@ hover用法?
在CSS中hover用于选择鼠标指针浮动在上面的元素,语法“标签选择器:hover{样式代码;}”,用法:1、直接在悬浮元素上改变样式;2、改变子元素的样式;3、改变同级元素的样式;4、改变就近元素的样式等。
在CSS中有个hover属性,当鼠标移上去的时候可以将其激活,它可以用来实现类似于js的一些功能。