Markdown中能使用<style>标签吗?

30

我正在编写Github的README.md文件,并且有不同的表格。这些内容各不相同,因此表格宽度也不同。

我希望至少第一列具有固定的宽度,因此我尝试在Markdown文件中所有表格之前添加以下内容:

<style>td:nth-child(odd){width:200px}</style>

令人惊讶的是,这在我的编辑器预览中可以运行,但提交到github后,文本将不带样式标签出现,并且没有应用任何样式。

我的问题是,如果可能在github上实现,那么如何做到。


我不这么认为 - 但你可以随时查看源代码:https://github.com/github/markup - Dean Taylor
渲染后的页面中是否仍然存在样式标签?查看源代码。如果不存在,则GitHub有意将其剥离。如果存在,则您的CSS规则不比GitHub的优先级高。 - Peter Lundgren
2个回答

49

我刚刚亲自测试过。

<style>
#foo {color: red}
</style>

<p id="foo">foo</p>

<p style="color: blue">bar</p>

以上呈现为:

#foo {color: red}
<p>foo</p>

<p>bar</p>

GitHub去除样式标签和属性,以防止您在其页面上更改样式。这可能是出于安全考虑。如果您可以注入CSS到GitHub页面中,那么您就可以轻松地发起钓鱼攻击。


10
谢谢!这在很多方面都很糟糕 ;) 但正如你所说的那样,可能是为了安全考虑。 - gcq
我们应该在Markdown中外部包含样式文件吗? - Moby M
Github不会去除样式标签:https://github.github.com/gfm/ - Johann
1
除非它进行转义:https://github.github.com/gfm/#:~:text=quot%3B%26gt%3B%3C/p%3E-,6.11Disallowed,-Raw%20HTML%20(extension - Maxime
@Johann GitHub确实会去除<style>标签:https://github.github.com/gfm/#disallowed-raw-html-extension- - Cameron Tacklind
这种行为今天已经无法再现。可能自2013年以来已经发生了变化。尝试使用相同的输入,字面上的<style></style>会作为文本出现在输出中,除了它们之间的内容。(这与之前评论中链接https://github.github.com/gfm/#disallowed-raw-html-extension-所记录的行为相同。) - undefined

0

目前它只能使用高度和宽度。

  <img style="width:500px" src="xyz.png"/>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接