css - 开发人员可以在其网站上包含的全局、独立于 CSS 的栏

标签 css include navigation code-reuse

我正在开发一个“栏”,就像您在许多默认 Blogger 博客顶部看到的那样,它在外观不同的网站上充当统一元素。我想将代码打包成一个整洁的包,这样我就可以为其他开发人员提供几行简单的代码,他们可以将这些代码粘贴到他们的 <body> 的开头。 .

我知道有很多方法可以做到这一点,比如使用 PHP include、AJAX 调用、JavaScript 和 XmlHttpRequest、Google 闭包模板等。但我想确保栏是独立于 CSS 的,这意味着使用的其他 CSS该网站不会影响我的酒吧。

我想知道完成此任务的最佳方法是什么?内联 CSS 是解决这个问题的唯一方法吗?

最佳答案

就像 JavaScript 插件开发一样,不能保证 CSS 类和 ID 以后不会被覆盖。

如果代码需要是内联的,我建议为所有类和 ID 命名空间:pluginname-wrapperpluginname-container, pluginname-block

否则,您可以使用 iframe 元素来存储微型页面。

我建议坚持命名空间。如果有人包含了您的插件并且它有一点偏离,他们将能够手动覆盖样式以使其看起来像他们想要的那样。

编写 div {float:left;} 或任何类似愚蠢的东西的人无论哪种方式都会遇到问题,所以不要担心让每个人都一样,只需让它使用默认值样式。

关于css - 开发人员可以在其网站上包含的全局、独立于 CSS 的栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5395981/

相关文章:

javascript - 无法实现动态高度 jQuery Wookmark

javascript - 具有事件类的平滑滚动导航

html - 尽管未能满足媒体查询,但 css 文件始终加载

javascript - 显示/隐藏不会加载

c++ - 为什么编译器无法在 .cpp 文件中找到方法定义

php - 如何使用 .HTACCESS 或其他方法在站点范围内包含 PHP 文件

jquery - 使用 Jquery 中的 if 语句禁用单击时的正常链接行为?

php - 如何使用 php 包含文件将事件类添加到元素

c# - 如何将浏览器标题设置为 Silverlight 应用程序中的事件用户控件

html - Bootstrap 3 中自下而上的导航 - Affix?