垂直外边距的重叠(折叠) 特性描述：在盒模型设置外边距时，相邻的垂直方向上，两个元素的外边距会发生重叠现象 兄弟元素 （1）兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值） （2）特殊情况 - 如果相邻的外边距一正一负,则取两者的和 - 如果相邻的外边距都是负值,则取两者中绝对值较大的 ...
分类：
Web程序 时间：
2021-04-10 12:53:33
阅读次数：
0
父元素 子元素 祖先元素 后代元素 兄弟元素 让div的子元素变色： div > span{ color: salmon; } 后代元素选择器：范围会更大 div span{ color: seagreen; } 兄弟元素选择器（下一个兄弟元素）： p+span{ color: seagreen; ...
分类：
其他好文 时间：
2021-02-17 14:02:44
阅读次数：
0
//获取某元素后相邻的所有class名为MsoToc2的兄弟元素nextAll(node){ let that = this, nextNode = that.next(node), nodeArray = []; while(nextNode != null && that.hasClass(ne ...
分类：
Web程序 时间：
2020-12-18 12:49:19
阅读次数：
2
今天antd表格设置样式 ，被教育了一番，上来第一感觉这样式咋搞啊，一脸懵逼，还是css 掌握不牢固，今天记下css3复杂选择器。 1.相邻兄弟选择器 P+b : 同一个父元素下p标签后面的第一个兄弟元素b； 2.通用兄弟选择器 p~b : 同一个父元素下p标签后面的所有兄弟元素b； 3.属性选择器 ...
分类：
Web程序 时间：
2020-07-29 12:46:09
阅读次数：
187
当我们给一个元素（display为inline-block）的vertical-align设置为middle，我们会发现这个元素并没有垂直对齐。并且发现这个元素的高度的中心点，会在所有兄弟元素中高度最高的元素的底部靠上一点。 如下所示 解决方法： 给当前和它的兄弟元素都添加vertical-alig ...
分类：
Web程序 时间：
2020-07-20 10:46:12
阅读次数：
104
jQuery对象 说明： 是一个包含所有匹配的任意多个dom元素的伪数组对象。 基本行为： size()/length：包含的DOM元素个数。 [index]/get(index)：得到对应位置的DOM元素。 each()：遍历包含的所有DOM元素。 index()：得到在所在兄弟元素中的下标。 示 ...
分类：
Web程序 时间：
2020-07-11 19:09:39
阅读次数：
77
项目中写需求 有用到属性siblings(),发现一细节在此做下记录: //定义用法：siblings()获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的 //.siblings(selector) //selector：字符串值，包含用于匹配元素的选择器表达式 //查找每个 p 元素的所有 ...
分类：
Web程序 时间：
2020-06-18 16:10:35
阅读次数：
73
nextSibling：返回元素节点之后的兄弟节点（包括文本节点、注释节点即回车、换行、空格、文本等等）； 注意: 空格、回车也会看作文本，以文本节点对待。 nextElementSibling：属性只返回元素节点之后的兄弟元素节点（不包括文本节点、注释节点）； previousSibling：获取 ...
分类：
其他好文 时间：
2020-06-17 12:55:14
阅读次数：
64
虽然说：定位和浮动都是脱离文档流；但是其实区别还是蛮大的，话不多说，见下图： 效果是这样的： 可以看到，浮动虽然脱离了文档流；但是 文本是可以互相看见的；并且保证不被遮起来（超出另算：文本会重叠）；不论是 父子元素还是兄弟元素；都是可以互相看见的； 当我们换成定位以后： 效果如下图： 不难发现；定位 ...
分类：
其他好文 时间：
2020-06-08 20:56:20
阅读次数：
83
首先回顾下CSS常出现的几个样式问题1当子元素添加上边距时，父元素也会向下移动 解决方法:给子元素添加display:inline-block;或者用父元素的padding-top代替给可以 2子元素浮动后，父级元素检测不到其高度3当元素浮动后，兄弟元素的内容超过其高度后会侵占它的区域（其实问题原因 ...
分类：
Web程序 时间：
2020-06-04 21:57:44
阅读次数：
96
