css
文章平均质量分 50
微生阳
这个作者很懒,什么都没留下…
展开
-
vue项目中scss mixin实现非实体样式全局引入
vue项目中非实体的样式(函数、变量),使用scss全局变量和全局mixin。可以在任何组件中而不用再引入,在vue项目中则需要在vue.config.js中配置css选项,像下面这样,具体可参考官方文档:module.exports = { css: { loaderOptions: { sass: { // 全局引入变量和 mixin additionalData: ` @import "@/assets/scss/varia原创 2021-06-07 11:03:36 · 595 阅读 · 2 评论 -
before、after伪类用在<img>标签上失效的问题
参考链接https://www.w3.org/TR/CSS21/generate.html#before-after-content问题before、after伪类用在标签上失效原因before和:after伪元素指定生成内容的样式和位置。正如它们的名称所示,:before和:after伪元素指定了document tree content内容之前和之后的内容位置。content属性与这些伪元素一起指定要插入的内容。文中的document tree content,对于 img 这种单标签,原创 2021-06-04 14:25:59 · 1465 阅读 · 3 评论 -
/deep/错误嵌套用法导致的ios移动端真机样式失效问题( >>>、 /deep/、::v-deep)
目录由于嵌套/deep/的错误用法而导致的ios移动端真机样式失效问题错误嵌套/deep/的写法scoped/deep/ 深度作用选择器由于嵌套/deep/的错误用法而导致的ios移动端真机样式失效问题bug:在浏览器和安卓上样式都是对的,在ios上样式完全失效直接上代码:<style lang="scss" scoped>.container { position: relative; /deep/ .van-tabs__wrap { border: 0;原创 2021-03-03 16:34:56 · 3300 阅读 · 4 评论