html - 为无脚本场景提供默认 CSS 样式（被 jQuery UI 覆盖）的最佳方式是什么？

Question

例如：我的<< 1 2 3 4 5 6 7 8 >>页面中有一个寻呼机，其中每个导航元素都是一个普通的 Html 链接。对于启用 JS 的现代浏览器，我想用jQuery 的 .button()美化它们。但我想为 NoScript 场景提供一些东西。显然我应该为链接添加一些 CSS 样式，但是我怎么知道自定义 CSS 不会破坏 jQuery 的样式？

这是不必要的担心吗？jQuery 是否提供了一些功能来清除元素以前的样式？

Answer 1

使用 jQuery UI 自己的样式表。看看他们的框架文档——它非常简单。

使用 jQuery UI 的 CSS 框架的众多专业人士包括：健壮且跨浏览器兼容的 CSS。大量的错误修正（如果有的话）。如果您决定更改应用程序的配色方案；您需要做的就是用新的主题滚动样式表或与 jQuery UI 捆绑在一起的标准主题之一替换样式表。

不用说; jQuery UI 不能覆盖/破坏它自己的 CSS。您将获得一个在启用和不启用 JavaScript 的情况下看起来相同的寻呼机。

提示：如果您没有时间阅读 jQuery UI CSS 框架文档；使用FireBug（Mozilla FireFox 插件）检查由 jQuery UI 生成的 HTML 并将其应用于您的无脚本标记。

更新

刚刚检查了一个做成按钮的链接。下面是 jQuery UI 的按钮插件生成的标记：

<a href="#" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
    <span class="ui-button-text">An anchor</span>
</a>

Answer 2

一个简单的解决方案可能是将一个类应用于要在 NoScript 场景中使用的寻呼机，并在设置按钮后使用 JavaScript 简单地删除该类。