css
关注
分享
扫一扫
兮木兮木
此人不懒,也什么都没有写。
展开
-
nth-child 与 nth-of-type的一个细节
nth-child 与 nth-of-type的一个细节nth-of-type 选择器只能用在标签后面nth-child 可以用在类名后面demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2021-07-07 09:02:49 · 205 阅读 · 0 评论 -
vue 中使用/deep/深度选择器，谷歌浏览器报出警告
vue开发中控制台警告： **/deep/ combinator is no longer supported in CSS dynamic profile.**应该是/deep/ 在将来会被移除vue-loader官方文档中对于深度选择器的描述深度作用选择器如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符：...原创 2020-04-17 01:13:31 · 8216 阅读 · 1 评论 -
vue中 style 中scoped的说明
通俗来讲，在vue文件的style中加上scope关键字，可以保障此文件中的css样式只在此文件内生效，即便是class类名相同。就是不会作用于子组件中与父组件相同类名元素。还有一种例外的情况，就是即使加上了scoped，子组件的根元素样式，会受父组件与子组件共同影响，比如，我在父组件设置.content {color: red},如果子组件的根元素也是class='content'，那...原创 2020-04-12 00:50:57 · 332 阅读 · 0 评论 -
document.documentElement.clientHeight与document.body.clientHeight的区别
网页可见区域高：document.body.clientHeight网页正文全文高：document.body.scrollHeightclientHeight： 表示可视区域高度， 包括padding但不包括border、水平滚动条、margin的元素的高度offsetHeight：表示可视区域高度，包括padding、border、水平滚动条，但不包括margin的元素的高度...原创 2020-04-08 15:34:12 · 3064 阅读 · 0 评论 -
css声明变量 :root 伪类 以及 getPropertyValue()方法的各种细节
:root 伪类及css声明变量:root选择器用匹配文档的根元素，在HTML中根元素始终是HTML元素。但是:root的权重高于html声明css变量，一般声明在:root根元素上，这样文档全局都可以取到声明的变量名以--开头比如--text-color在其他css样式中引用变量用var(--text-color)相同的css变量，子级会覆盖:root级，也就是说，当某个元素取cs...原创 2020-03-08 20:38:40 · 1840 阅读 · 0 评论 -
transition 动画与 display: none 冲突的问题
几种元素消失的属性display: none; 元素消失，不占位。visibility: hidden; 元素消失， 占位。opacity: 0;透明度设为0， 元素看不见，占位。width: 0;宽度设为0 ， 元素看不见，不占位。问题transition与display搭配使用时，会导致过渡消失，直接呈现或者消失元素，可能是transition过渡不支持display的...原创 2020-02-24 20:38:16 · 7621 阅读 · 0 评论