Question

没有必要，但我试图在css中选择＆lt; script＆gt; 标签。但它没有用。为什么？

＆＃xA;＆＃xA;

 ＆lt; style＆gt;＆＃xA;脚本{＆＃xA;填充：80px;＆＃XA;背景色：红色;＆＃XA; }＆＃xA;＆lt; / style＆gt;＆＃xA;

＆＃xA;＆＃xA;

这应该有效。因为它适用于其他元素。但不是脚本标记。

＆＃xA;＆＃xA;

 ＆lt; script＆gt; alert（1）＆lt; / script＆gt;＆＃xA;

＆ #xA;＆＃xA;

这是我想要选择的标签。

＆＃xA;

Answer 1

您忘记设置display属性：

 script{
 display:block;
 padding:80px;
 background-color:red;
 }

<script>console.log(1)</script>

Answer 2

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

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

.danger ~ p, .alert ~ p { // selects all paragraphs after a danger or alert tag
    // css rules go here.
}

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

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

甚至使用一些伪元素魔法来显示标记的属性，例如CSS链接标记的rel或描述的内容

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

title, link[href][rel], meta, style, script {
	display: block;
}

link[href][rel]::after {
 	content: attr(rel) ': ' attr(href);
	text-transform: capitalize;
}

meta[charset]::after {
	content: 'Charset: ' attr(charset);
}

meta[name][content]::after {
	content: attr(name) ': ' attr(content);
	text-transform: capitalize;
}

然后你可以像任何普通的html元素那样设置样式。

这有什么实际意义吗？不，没有。也许（并且相当长一点）在打印样式表上显示标题。除此之外，它只是一个毫无意义的有趣的事实。

Answer 3

这里发布的答案已经足够了，但为了好玩，我决定搞砸了。我注意到了一些事情。此代码使一个简短的JavaScript可见，并执行它。

<!DOCTYPE html>
<html lang="en">
    <head>
	  <title>Testing</title>
    </head>
    <body>
        <h3>Hello world!</h3>
        <p>Let's see how this script works!!!</p>
        <div class="script-area">
            <pre><script type="text/javascript">
document.write("<p>This script came from a visible element!</p>");
document.getElementsByTagName("h3")[0].innerHTML = "I changed this with <b><i>inline JavaScript!</i></b>";
console.log(1);
            </script></pre>
        </div>
    </body>
</html>

<script>

与其他人所述，网络浏览器会自动隐藏通常不可见的元素 - 不只是<meta>，而是<title>，<style>，display:none;等等。这是通过script CSS指令完成的。像任何CSS规则一样，这可以用你自己的规则覆盖。只需选择display:block;并使用<head>。

现在可以在页面上看到的脚本像往常一样执行。我注意到脚本不知道它后面出现的元素，只知道它之前出现的DOM。我最初将简短的脚本放在head { display:none; }标签中，但我无法用CSS显示它。这可能是由于某种

<script>

浏览器软件中的规则。但我想这可以被推翻，就像SetupToggledSelectionMode()。

一样

如何在CSS中选择<script>标签？

3 个答案: