javascript - XHTML 文档类型不允许正文中存在元素 "style"

标签 javascript html xhtml w3c-validation

我有一个使用 XHTML Transitional 的文档。在体内我使用 <noscript>带有 <style type="text/css"> 的标签.

我知道<style type="text/css">仅允许在 <head> 中,但我仍然需要仅在未检测到 JavaScript 时应用 CSS。

如何解决这个问题,同时仍然通过 XHTML 验证?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
  <noscript>
    <div id="section-featured-nojavascript" class="section">
      <style type="text/css">
        #featured, #section-portfolio { display:none; visibility:hidden }
      </style>
    </div>
  </noscript>
</body>

使用 W3 验证时出错

document type does not allow element "style" here [XHTML 1.0 Transitional]

最佳答案

不要尝试拥有单独的样式表。使用JS添加一个js类到 <body> (或删除 no-js 类)。然后将其用作主样式表中的后代选择器的一部分。

关于javascript - XHTML 文档类型不允许正文中存在元素 "style",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9325716/

相关文章:

javascript - 如何预加载 Flash 视频和图像?

javascript - 无法从 Facebook 接收姓名

javascript - 无法获取函数中 Usestate 的值

javascript - 使用 jQuery 从 API 显示天气

javascript - Angular 6 辅助路由

css - 为什么我的 CSS 内容框在 Firefox 和 Internet Explorer 中大小不同?

css - 粘性页脚有效但不在我的模板上?

html - 我的相对 Div 不会显示背景颜色或图像

php - 从表单中的第二个表发布变量

html - 在 div 标签中按标签设置样式