-3

我有一些 HTML5 文件,我通过对象元素在其中嵌入了 XML。现在,对于 HTML 文件,我有备用样式表。我想要做的是与 HTML 同时更改嵌入式 XML 的样式(因为 XML 文件有自己的样式表)。因此,当我在浏览器的帮助下为 HTML 页面选择样式时,我希望 XML 的样式也可以更改。有没有办法做到这一点?

HTML:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>LondonDiamond Restaurant Menu</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" media="screen" title="Standard red black white"/>
    <link rel="stylesheet" type="text/css" href="../css/style_print.css" media="print" title="Print"/>
    <link rel="alternate stylesheet" type="text/css" href="../css/alt_style.css" media="screen" title="Monochrome"/>
</head>
<body>
    <object data="../xml/menu.xml"><span></span></object>
</body>
</html>

XML:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="../css/style4xml.css"?>
<!DOCTYPE menu SYSTEM "../dtd/menu.dtd">

<menu>
     irrelevant
</menu>

发生的情况是,当我为 HTML 选择备用样式表时,颜色会发生变化,但嵌入的 XML 保持相同的颜色(这是正常的)但我也想与 HTML 同时更改它。

4

1 回答 1

0

我所做的是为 HTML 文件和 XML 文件应用相同的默认样式表和替代样式表。在 CSS 文件中,我有 HTML 和 XML 元素的样式。

HTML:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>LondonDiamond Restaurant Menu</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" media="screen" title="Red Black White"/>
    <link rel="stylesheet" type="text/css" href="../css/style_print.css" media="print"/>
    <link rel="alternate stylesheet" type="text/css" href="../css/altstyle.css" media="screen" title="Monochrome"/>
</head>
.......
</html>

XML:

 <?xml version="1.0" encoding="UTF-8"?>
 <?xml-stylesheet type="text/css" href="../css/style.css" title="Red Black White"?>
 <?xml-stylesheet type="text/css" href="../css/altstyle.css" alternate="yes" title="Monochrome"?>
 <!DOCTYPE menu SYSTEM "../dtd/menu.dtd">

 <menu>
      .....
 </menu>

CSS:

body {...}
header {...}
...
menu {...}
于 2013-02-02T14:39:39.540 回答