react 里的部分 css 选择器背干掉了吗？比如子元素选择器 div > p

[teslayun]

兄弟选择器 h1 + p 这种也没效果。。。。
想控制一下 markdown 渲染的 html 。调一下图片。但是选不上 T_T

[lalalaqwer]

你这问题，让人看了好难受

[gauzung]

传个 demo 到 git 上啊，show me the code

[teslayun]

@gauzung
比如：
markdown 渲染的内容：
<p>123456</p>
<p>
<img src="123"></img>
<p>
<p>123456</p>

要把图片居中：css 选择器选择 img 标签的兄弟标签 p 来设置样式，img + p 选不上

[teslayun]

@lalalaqwer 确实难受，好像是 css modules 不支持这种写法？ webpack 都报错了

[lalalaqwer]

@teslayun
我说的难受是从你的问题看不出来你遇到的到底是什么问题(#`O′)
你要是用 css modules 应该不会遇到选择器的问题的，直接把你样式相关的类名放到元素上面就可以了。如果没办法去控制 markdown 渲染后的元素，就直接写 css 引入就可以了吧，就是有可能存在全局的样式污染

[lalalaqwer]

@teslayun 其实还是二楼说的，这种问题最好能把代码贴出来

[Leviathann]

不就是
import css from './xxx.module.css'
<img className={css.xxx} .../>
然后 xxx.module.css 里写
xxx + p {
...
}
吗

[peterjose]

风马牛不相及的事

[Perry]

webpack 都报错了，基本上是你自己使用问题。

[jguo]

webpack 报 css 的错跟 react 有什么关系

[gauzung]

@teslayun 我的意思是你直接把项目或者项目中出 bug 的部分传到 git 上，直接跑一下你的代码，你这么说是没人看得懂的
效率第一😂

[devwolf]

标题：错字可以在附言里修正

标题内容：据我所知 react 没有这种干掉 css 选择器的说法，你甚至可以反过来想，为什么要干掉。
再者 css modules 是 css modules ，而 react 是 react 。

然后，我推测是 css modules 使用不规范。就 3 楼提到的 img+p 问题，正常的 react 项目，以及用了 css modules 的项目是都支持的。

你可以在 https://stackblitz.com/
等类似在线运行 react 项目网站还原你的 demo ，来展示 bug