兄弟选择器 h1 + p 这种也没效果。。。。
想控制一下 markdown 渲染的 html 。调一下图片。但是选不上 T_T
想控制一下 markdown 渲染的 html 。调一下图片。但是选不上 T_T
This topic created in 1817 days ago, the information mentioned may be changed or developed.
Supplement 1 · Nov 12, 2021
确实是自己写法上的错误导致的报错提示。css modules 里不能直接 img+p 。需要像 7 楼哪样加上标签类名字，改成.xxx img + p 就可以了。但是发现想要通过子标签来找父标签，似乎没有这种操作？没有父元素选择器。。。于是 3 楼这种<p><img></img></p>只能用 JS 来找 p 标签吗
 |
lalalaqwerNov 11, 2021
1
你这问题，让人看了好难受
|
 |
gauzungNov 11, 2021
2
传个 demo 到 git 上啊，show me the code
|
 |
3
@gauzung
比如： markdown 渲染的内容： <p>123456</p> <p> <img src="123"></img> <p> <p>123456</p> 要把图片居中：css 选择器选择 img 标签的兄弟标签 p 来设置样式，img + p 选不上 |
|
4
@lalalaqwer 确实难受，好像是 css modules 不支持这种写法？ webpack 都报错了
|
|
lalalaqwerNov 12, 2021
5
@teslayun
我说的难受是从你的问题看不出来你遇到的到底是什么问题(#`O′) 你要是用 css modules 应该不会遇到选择器的问题的，直接把你样式相关的类名放到元素上面就可以了。如果没办法去控制 markdown 渲染后的元素，就直接写 css 引入就可以了吧，就是有可能存在全局的样式污染 |
|
lalalaqwerNov 12, 2021
6
@teslayun 其实还是二楼说的，这种问题最好能把代码贴出来
|
 |
LeviathannNov 12, 2021
7
不就是
import css from './xxx.module.css' <img className={css.xxx} .../> 然后 xxx.module.css 里写 xxx + p { ... } 吗 |
 |
peterjoseNov 12, 2021 via Android
8
风马牛不相及的事
|
 |
PerryNov 12, 2021
9
webpack 都报错了，基本上是你自己使用问题。
|
 |
jguoNov 12, 2021
10
webpack 报 css 的错跟 react 有什么关系
|
 |
devwolfNov 12, 2021
12
标题：错字可以在附言里修正
标题内容：据我所知 react 没有这种干掉 css 选择器的说法，你甚至可以反过来想，为什么要干掉。 再者 css modules 是 css modules ，而 react 是 react 。 然后，我推测是 css modules 使用不规范。就 3 楼提到的 img+p 问题，正常的 react 项目，以及用了 css modules 的项目是都支持的。 你可以在 https://stackblitz.com/ 等类似在线运行 react 项目网站还原你的 demo ，来展示 bug |
Select Language