wps表格一个单元格局部样式不一样

wps表格一个单元格局部样式不一样,第1张

是有合并单元格,撤销合并即可。

1、首先在excel表格中选中有设置单元格区域的单元格,可以看到此时选中的单元格中有合并单元格。

2、其次选中单元格并按下“Ctrl+C"执行复制 *** 作。

3、然后在新的单元格位置点击鼠标右键,在d出的选项中点击“选择性粘贴”并选择其中的“粘贴源格式”。

4、最后即可将复制的带格式的单元格粘贴到新的单元格位置,还可以保持原复制单元格的格式不变。

在 react 中,css 样式默认是全局生效的,想要使样式局部生效可以使用以下方案:

给 css 文件名加一个 .module.css 后缀,编译后的 css 样式文件就会导出一个对象,为每个选择器起一个随机名字

// 文件名假设为 index.module.css

.box {

width: 50px

height: 50px

}

// 在这个文件中设置全局样式

:global(.active) { color: re

import React, { Component } from 'react'

// 引入自定义样式

import style from './index.module.css'

export default class Home extends Component {

render() {

return (

<div>

<p className={style.box}>home</p>

<p className="active">list</p>

</div>

)

}

}

前两天在项目中遇到一个问题,需要手动去修改引入的第三方组件的CSS样式,我第一想法就是直接在组件上新增一个自定义的class去覆盖原有的样式,结果当然是行不通的(不然我现在也不会在这里写这篇)。

于是我查了一下,是因为我在vue组件里面将设置成了局部样式,局部样式只在当前组件生效,对引入的其他组件是无法起作用的。然后我试了一下,把 scoped 去掉就行了。

或者在组件里面写多一份全局样式

但是如果不在style里面写 scoped ,直接写成全局样式,最后可能会面临多个组件之间样式污染的问题。如何使得局部样式可以覆盖到引入的第三方组件呢,我想到以前涉及过的一个名词 样式穿透 ,立刻实践了一下,果然就成了。

样式穿透 需要定义一个外层的style,通过 >>>可以使得socped属性下的的样式穿透到全局, 外层 >>>第三方组件 或者 外层 /deep/ 第三方组件 。 >>>是 /deep/ 的别名,但是在sass之类的样式预处理器之中无法正确解析。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/6866069.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-29
下一篇 2023-03-29

发表评论

登录后才能评论

评论列表(0条)

保存