Javascript 如何在CSS中选择标记？

这不是必需的，但我已经尝试在css中选择标记。但它不起作用。为什么?

<style>
    script {
        padding:80px;
        background-color:red;
    }
</style>

这应该行得通。因为它对其他元素有效。但不是在脚本标签上

<script>alert(1)</script>

这是我要选择的标记。

您忘记设置显示属性：

剧本{ 显示：块； 填充：80px； 背景色：红色； }

---

log1您可以使用display:block来显示通常不会显示的元素

浏览器只需应用以下规则来隐藏不必要的标记

head, title, link, meta, style, script {
    display: none;
}

但是你可以像其他CSS一样覆盖它。它甚至适用于甚至不在身体上，但在头部的元素，如标题、元等

head, title, link[href][rel], meta, style, script {
    display: block;
}

甚至可以使用一些伪元素魔术来显示标签的属性，比如CSS链接标签的rel，或者描述的内容

标题，链接[href][rel]，元，样式，脚本{ 显示：块； } 链接[href][rel]：：之后{ 内容：attrrel'：'attrref； 文本转换：大写； } meta[charset]：：之后{ content:'Charset:'attrcharset； } 元[名称][内容]：：之后{ 内容：attrname'：'attrcontent； 文本转换：大写； } 这是标题 /*这在脚本标记中*/

---

这里发布的答案已经足够了，但为了好玩，我决定把它弄得一团糟。我注意到了一些事情。这段代码使短JavaScript可见，并执行它

身体{ 背景色：2a4128； 颜色：白色； 字号：1.05em； } 剧本{ 显示：块； 颜色：EF9A； 背景色：321117； 字体大小：正常； 填充：10px； 边框：1px纯红； 字体系列：信使新； 字号：0.94em； 文本对齐：左对齐； } .脚本区域{ 文本对齐：居中； 宽度：79%； 左边距：10%； 保证金权利：10%； } h2{颜色：粉红色；} 测试 你好，世界！ 让我们看看这个脚本是如何工作的

---

您不需要设置标签的样式。这些用于JavaScript。默认情况下，脚本设置为display:none；。你为什么这么做？如果要显示一些代码，则使用其他html元素，如pre、code等。谁对这个问题投了赞成票？我对这个问题投了赞成票，因为它显示了研究的努力，IMHO。@Rob，你说emulator是什么意思？您是否建议SO在使用代码段时不要使用浏览器显示代码？@Rob这不是模拟器。根据浏览器规则，代码段在浏览器上运行。在IE上观看，一些代码片段的工作方式与在Chrome上的不同，就像在现实世界中一样。我如何才能显示单个onlylike id脚本{}like id{…}