Question

我将通过iframe向其他网站提供第三方内容。内容将以表格形式呈现。有没有办法使用内部样式表，其中定义 iframe？我已经读过内部样式表应该只在head部分定义。外部css不是一种选择。

以下是显示内部 iframe的内容示例。

    <STYLE TYPE="text/css">
    .className{
            background-color: #444444;
    }
    </STYLE>


    <table>
     <tr>
        <td class="className">
           Column 1.
        </td> 
        <td>
           Column 2.
        </td>
     </tr>
    </table>

或者是使用内联css 的唯一选择？

Answer 1

那种方法会奏效。标签应该用在文档的头部，但也可以出现在其他地方，并且是DOM的那个分支的本地，包括iframe

Answer 2

iframe内容应该是完整的html / xhtml。你在问题中列出的内容是可行的，但我看不出有没有完整的html标签的理由，包括<head>。

当您声明iframe时，您应该嗅到一个完整的html文件：

<iframe src ="myIframeContents.html">
  <p>Your browser does not support iframes.</p>
</iframe>

myIframeContents.html应该像任何其他html文件一样对待。它应该包含html，head，body等标签。这意味着您可以像往常一样将<style>标记直接放入<head>。

myIframeContents.html：

<html>
    <head>
        <style type="text/css"> 
        .className{ 
            background-color: #444444; 
        } 
        </style> 
    </head>
    <body>
       <table> 
           <tr> 
              <td class="className"> 
                 Column 1. 
              </td>  
              <td> 
                 Column 2. 
              </td> 
           </tr> 
       </table>
    </body>
</html>

将css应用于iframe中包含的表

2 个答案: