当前位置: 首页 > Web前端 > CSS

CSS注释

时间:2023-03-30 15:20:18 CSS

CSS优先级基础带有!important的声明比没有选择器优先级的声明具有更高的优先级ID>class|伪类|属性>元素|伪元素>通配符组合符(+、>、~、'')和否定伪类(:not())对特异性没有影响。(但是,在:not()内声明的选择器确实会影响优先级)。SourcePriorityCustomStyles>BrowserStyles>InheritedStylesReferencePriorityInlineStyles>ExternalStyles,InternalStylesExternalStyles,InternalStyles后出现的优先级更高,同样的情况,定义后的优先级更高参考https://developer.mozilla.org...postion属性四重值未定义,即:top、left、bottom、right未定义或属性值autostatic文档流。默认值relative是相对定位。四图值未定义时相对于位置的绝对定位。如果没有定义四图值,则还在文档流中,但不占用空间;否则,它会使文档流和位置相对于最近的非静态父元素(包括html)固定。如果没有定义四图值,则还在文档流中,但不占用空间;否则,它与文档流分离,并相对于浏览器窗口进行严格的粘性定位。如果四元数值未定义,则文档流保持不变。否则它的行为与相对定位相同。并且同时设置top和bottom时,top优先生效;left和right同时设置时,left优先。任何设置了position:sticky的父节点的overflow属性必须是可见的,否则position:sticky不会生效。这里需要说明一下:如果position:sticky元素的任意一个父节点的position设置为overflow:hidden,则父容器不能滚动,所以position:sticky元素不会滚动然后固定。如果position:sticky元素的任何父元素将定位设置为position:relative|绝对|fixed,元素相对于父元素定位,而不是视口。达到设定的阈值。这个还是比较容易理解的,就是设置position:sticky的元素是相对的还是固定的,取决于这个元素是否达到了设定的阈值。参考http://web.jobbole.com/90352/https://developer.mozilla.org...BFCwithfloathttp://www.w3cplus.com/css3/d...