发表于： 2018-11-26 23:57:30
1 790
今天完成的事情：完成了页面的头部的响应式及首页等四个按钮在页面变窄后出现折叠效果（纯css，不借助bootstrap插件做）的响应式
明天计划的事情：继续做页面
遇到的问题：
做层叠效果时，发现用兄弟选择器+只能覆盖最近的第一个元素，而不会扩展第二第三个，最后换了同样是兄弟选择器的~，这个是会扩展的。
收获：
兄弟选择器(+ 和 ~)
1. + 选择器
如果需要选择紧接在另一个元素后的第一个元素（两个不一样的兄弟元素），而且二者有相同的父元素，可以使用相邻兄弟选择器+。 应用了这个选择器的元素只会影响下一个兄弟元素（注意：只有第一个才会被影响）。 如果当两个兄弟元素相同时（即应用了这个选择器的元素和下一个兄弟元素是同一类型的），会一次循环查找，影响后面相同类型的元素
2.~ 选择器
作用是查找某一个指定元素的后面的所有兄弟结点。
返回列表
评论