css
TianNicholas
一路走来,雕刻时光,记录点滴。
合作可 email - cheungdennis@foxmail.com
展开
-
CSS限制字数,超出部份显示点点点...
CSS限制字数,超出部份显示点点点...最近项目中需要用CSS实现限制字数,超出部份显示点点点...,只需要几行代码即可:width:400px;/*要显示文字的宽度*/text-overflow :ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/white-space :nowrap; /*让文字不换行*/overflow : hidden; /*超出要隐藏一行内超出点点点overflow:hidden; /*超出的部分隐藏起来。*/.原创 2022-03-31 11:12:56 · 13588 阅读 · 0 评论 -
css选择器中:first-child与:first-of-type的区别
css选择器中:first-child与:first-of-type的区别:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码:p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素;h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个;span:first-child 匹配不到任何元素,因为在这里两个span元素都不是div的第一个子元素;:fi...原创 2020-12-28 13:24:17 · 397 阅读 · 0 评论 -
CSS伪选择器(CSS中:和::)
一个冒号是伪类,两个冒号是伪元素伪类可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中且表达方式也不同,所以叫伪类。伪元素所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。伪类有::first-child,:link:,:vistited,:hover:,:active,:focus,:lang伪元素有::first-line,:first-letter,:before,:after伪..原创 2020-07-06 17:08:57 · 333 阅读 · 0 评论 -
Vue style 深度作用选择器 /deep/(sass/less)
1、深度作用选择器 >>>(注意,只作用于css).fuck >>> .weui-cells { // ...}但如果是sass/less的话可能无法识别,这时候需要使用 /deep/ 选择器。2、/deep/ 选择器<style lang="scss" scoped>.select { width: 100px; /deep/ .el-input__inner { border: 0; ...原创 2020-07-01 11:33:38 · 1873 阅读 · 0 评论