您可以在输出 html 中隐藏 <style class= 吗？

Posted 2023-02-22

【中文标题】您可以在输出 html 中隐藏 <style class= 吗？

【英文标题】：Can you hide <style class= in output html?

【发布时间】：2014-12-10 09:47:15

【问题描述】：

是否可以在输出 html 中隐藏<style type="text/css" title="dynamic-css" class="options-output"></style>？ Wordpress 主题使用变量 css a 将其放置在每个页面的页眉中。

为了整洁，是否可以隐藏这个输出，同时仍然调用里面的样式？

【问题讨论】：

你的意思是当你在网络浏览器中右键单击并选择“显示源代码”时你不想看到它？？或者你想丢弃这个样式，让页面不使用它？

前者。当您查看源代码时，我希望在输出 html 中隐藏它。

为什么要隐藏它？这看起来像是一个变体“我如何隐藏我的 HTML 源代码？” （答案是“永远不要发布你的页面”。）

【参考方案1】：

您可以从模板源代码中删除您不想看到的内容。稍后使用 javascript 动态创建样式。该主题被广泛涵盖。例如看这个问题：How to create a <style> tag with Javascript

【讨论】：

这与问题有什么关系？ op想要隐藏已经存在的标签......

正确的 Patsy Issa。标签已经存在，我只是希望它们从源代码中隐藏。

好的..你不能从Wordpress模板中删除这个标签，然后用javascript动态添加它（如答案中发布的）？

当你说用javascript动态添加它时，你是否建议调用一个包含动态css的单独的javascript文件？

您可以通过多种方式做到这一点。如果您在单独的样式表文件（style.css）中有您的样式，您可以使用 javascript 使用几行代码动态加载此样式：（***.com/questions/524696/…。您也可以按照您说的做。您可以调用动态创建的 javascript样式“按标签标记”，“按属性标记” - ***.com/questions/524696/…。请参阅我指出的问题以获得多种可能性。