
1 lalalaqwer Nov 11, 2021 你这问题,让人看了好难受 |
2 gauzung Nov 11, 2021 传个 demo 到 git 上啊,show me the code |
3 lebcvu OP @gauzung 比如: markdown 渲染的内容: <p>123456</p> <p> <img src="123"></img> <p> <p>123456</p> 要把图片居中:css 选择器选择 img 标签的兄弟标签 p 来设置样式,img + p 选不上 |
4 lebcvu OP @lalalaqwer 确实难受,好像是 css modules 不支持这种写法? webpack 都报错了 |
5 lalalaqwer Nov 12, 2021 @teslayun 我说的难受是从你的问题看不出来你遇到的到底是什么问题(#`O′) 你要是用 css modules 应该不会遇到选择器的问题的,直接把你样式相关的类名放到元素上面就可以了。如果没办法去控制 markdown 渲染后的元素,就直接写 css 引入就可以了吧,就是有可能存在全局的样式污染 |
6 lalalaqwer Nov 12, 2021 @teslayun 其实还是二楼说的,这种问题最好能把代码贴出来 |
7 Leviathann Nov 12, 2021 不就是 import css from './xxx.module.css' <img className={css.xxx} .../> 然后 xxx.module.css 里写 xxx + p { ... } 吗 |
8 peterjose Nov 12, 2021 via Android 风马牛不相及的事 |
9 Perry Nov 12, 2021 webpack 都报错了,基本上是你自己使用问题。 |
10 jguo Nov 12, 2021 webpack 报 css 的错跟 react 有什么关系 |
12 devwolf Nov 12, 2021 标题:错字可以在附言里修正 标题内容:据我所知 react 没有这种干掉 css 选择器的说法,你甚至可以反过来想,为什么要干掉。 再者 css modules 是 css modules ,而 react 是 react 。 然后,我推测是 css modules 使用不规范。就 3 楼提到的 img+p 问题,正常的 react 项目,以及用了 css modules 的项目是都支持的。 你可以在 https://stackblitz.com/ 等类似在线运行 react 项目网站还原你的 demo ,来展示 bug |