如何为单个 xhtml 文件添加动态 CSS 样式 sheet

Question

我需要在单个 xhtml.

中添加两个 CSS 样式 sheet 类

例如：

我有 display.xhtml 将被两个应用程序使用，我们需要为每个应用程序应用不同的 CSS。

即：

如果 display.xhtml 在应用程序

中打开

我需要申请A.css如果在申请中打开
我需要申请 B.css.

如何处理这个问题或任何其他方法可以实现这个目标？

Answer 1

试试这个。在调用 xhtml iframe 的应用程序中的 url 中放置一个查询字符串，因此在应用程序 1 中使用

display.xhtml?style=a

并且应用 2 使用

 display.xhtml?style=b

然后在 display.xhtml 中使用 javascript 获取查询并 link 获取正确的样式表

  <script>
    var style = getUrlVars()["style"]+".css";
   var fileref=document.createElement("link")
   fileref.setAttribute("rel", "stylesheet")
      fileref.setAttribute("type", "text/css")
     fileref.setAttribute("href", style)
</script>

Answer 2

var link = document.createElement("link");
link.href = "Scripts/ckeditor/contents.css";
link.type = "text/css";
link.rel = "stylesheet";
document.getElementsByTagName("head")[0].appendChild(link);

如何为单个 xhtml 文件添加动态 CSS 样式 sheet

How to add dynamic CSS style sheet for single xhtml file

html

css

xhtml