Tag "css" 相关话题

Deshun 发布于 3个月前 (02-24) 243℃ 评论(0) 赞 (0)

一个老项目，直接 yarn start 运行时样式没有加载。先说一下采坑过程：之前写过一篇 create-react-app中CSS Module不生效的解决办法 ，但这个项目是自编码，需要 npm link 到主项目，所以就不能使用 CSS Module 写样式了。页面都是使用 impo...

标签： create-react-app  /  css  /  CSS Module

Deshun 发布于 4个月前 (02-02) 351℃ 评论(0) 赞 (0)

在 Create React App 脚手架创建的项目中使用 CSS Modules 。第一种方式create-react-app 中内置了使用 CSS Modules 的配置，create-react-app 内置的用法是将所有的 .css / .less / .scss 等样式文件都修改成 .module.css / .module.less / .module.scss 等。即可使用 CSS...

标签： create-react-app  /  css  /  CSS Module

Deshun 发布于 1年前 (2022-04-07) 688℃ 评论(0) 赞 (0)

在 *.less 文件中写：.test {   width: calc(300px - 20px); }在相应的 *.css 文件中的结果是这样的：.test {   width: calc(280px); }这里的 calc(300px - 20px) 由编译软件计算得出。在 *...

标签： css  /  less  /  css教程  /  less教程

Deshun 发布于 3年前 (2020-07-01) 3529℃ 评论(0) 赞 (0)

在同事的项目中遇到一个问题，使用 Vue 的 v-html 后，内容里边的图片太大，显示不全。但是设置 style 又不管用：.img {   max-width: 100%;   height: auto; }实际上还是 Vue 的 scoped 穿透问题：参考我之前的文章（Vue项目中scoped属性的作用，及scop...

标签： vue  /  v-html  /  css  /  scoped  /  css穿透  /  scoped穿透

Deshun 发布于 4年前 (2019-11-13) 9242℃ 评论(0) 赞 (2)

CSS 的 border 属性，可以设置实线，虚线还有点线。不过直接使用 border: 1px dashed #F00 虚线距离太小，非常难看，很难满足UI图的效果。可以使用 background 背景的渐变属性，来替代 border 方案，方法如下：width: 100%; height: 1px; background-image: linear-gradi...

标签： css  /  小技巧  /  代码  /  css虚线  /  css个性化虚线  /  css虚线样式

Deshun 发布于 4年前 (2019-10-24) 1660℃ 评论(0) 赞 (0)

日常的工作中可能会用到，选取处某个或者某些元素外的所有元素。这时我们可以使用 jQuery 遍历中的 not() 方法来排除某些元素，例如根据元素的 #id ，.class 等排除，代码如下：$("div.content *").not(".keep");表示 .content 类的 div 下除 .keep 类以外的所有元素；另外，注意这里的&n...

标签： jQuery  /  css  /  选择器  /  not()  /  jquery选择器  /  jquery选择排除