
html
chen_吉
前端学习总结
展开
-
纯css做switch开关
若通过设置animation做打开关闭效果,会有个小问题。原创 2023-10-31 11:25:33 · 319 阅读 · 1 评论 -
CSS伪类选择器E:nth-child(n)和E:nth-of-type(n)的区别
这么说可能有点抽象,请看事例:执行结果:先将.box中的所有子元素排序,找出第二个子元素,判断其是否为span。若是span,则给效果; 反之: 将 .box span:nth-child(2) 改成 .box span:nth-child(3) 之后,样式并没有生效。这是因为 nth-child(3)先将.box中的所有元素排序,选择第3个元素后,再往回找span。这时发现第三个元素并不是span,而是h4。因此样式不会生效。E:nth-of-type(n)会先看前面 选择的元素,再原创 2023-08-14 19:46:53 · 100 阅读 · 0 评论