添加css前缀以避免潜在的类冲突

文章/答案/技术大牛

发布

1回答

html、css

如何向i标记添加自定义“前缀”，使此i标记不会应用于html中的所有元素？我的CSS： color: red;我的HTML包含：红色必须仅应用于该html片段。这可能是一个复制品，但我找不到我需要的信息。

浏览 19提问于2020-05-22得票数 0

回答已采纳

2回答

名称空间Bootstrap4 CSS和JS组件

css、bootstrap-4

是否有任何方法可作为基于Bootstrap4 scss的构建的一部分，为css和js中的每个引导类添加前缀以避免名称冲突。但这只支持基于bootstrap3的css和js文件。

浏览 5提问于2018-01-09得票数 9

1回答

如何检查插件前缀的唯一性？

plugin-development

为了避免与其他插件发生冲突，应该在所有全局函数、操作和插件前加上一个唯一的前缀，例如：问题是，如何验证xyz确实是唯一的？搜索可用的WordPress插件以寻找潜在冲突的最佳方法是什么？还是真的有？

浏览 0提问于2016-10-14得票数 11

回答已采纳

1回答

仅当元素位于特定div中时才启用js文件函数

javascript、jquery、css、twitter-bootstrap、phpbb3

为此，我添加了引导css文件，在overall-header.html中添加了导航条，在overall-footer.html中添加了脚注。为了避免冲突，我“封装”了<div id="phpbb"></div>之间的论坛，所以所有的phpbb都有前缀#phpbb (就像在这个中)。我的问题是，当我添加了bootstrap css文件后，我论坛<e

浏览 4提问于2015-08-13得票数 0

1回答

用尾风CSS覆盖特定的CSS选择器

css、tailwind-css

我在我们公司的项目中添加了尾风CSS。这是一个5-6岁的代码库，它已经使用了引导CSS +自定义引导主题。我的顺风JS配置文件如下所示：我需要推翻那些选择器的特异性。如何使用顺风CSS实现这一点？

浏览 7提问于2022-04-18得票数 1

1回答

ionic 5中HTMLDivElement停止触发的滚动事件

angular、ionic-framework、hybrid-mobile-app

我刚刚将我的应用程序从ionic 3升级到ionic 5和angular 8。我有一个聊天页面，在其中我使用了HTMLDivElement的croll事件，如下所示：自从我升级了

浏览 4提问于2019-11-21得票数 2

1回答

如何在TailwindCSS和Chakra UI之间混合

reactjs、tailwind-css、chakra-ui

样式类名称之间是否存在冲突？

浏览 73提问于2021-09-22得票数 0

1回答

如何更改特定div中所有类的名称？

css、class

我需要替换动态创建的类名，以避免与CSS中的相同名称冲突，因此我需要为一个div中的每个类添加前缀或后缀。简而言之，我怎样才能改变这样的事情：例如这个？

浏览 1提问于2014-11-26得票数 0

1回答

如何前缀引导4类以避免css类冲突

css、twitter-bootstrap、bootstrap-4

托管这些应用程序的网站可能使用css框架，也可能不使用css框架。我想用我自己唯一的前缀来前缀所有的引导类。为了避免冲突的“任何实例或机会”，我想在所有引导CSS类前加上-比如说-“年份19-”前缀。所以，例如，所有的.btn类现在都是19- col-而所有的类现在变成.19-btn，.19-btn-主级，等等.我知道，如果我使

浏览 1提问于2019-06-17得票数 4

2回答

如何避免在添加到第三方页面的DOM时发生HTML ID冲突？

javascript、jquery、html、css、dom

当使用Javascript / jQuery向网页添加额外的HTML元素并添加额外的外部CSS声明时，您需要防止这些元素的ID和CSS类名称与页面上已有的ID冲突。例如，你可能已经在页面上的某处有一个ID，比如"outerWrapper“或"nav”，新内容也可能有相同的ID。在创建要添加到您自己的网页的代码时，这

浏览 2提问于2013-02-28得票数 4

2回答

CSS类的命名空间/前缀，在Javascript和(S)CSS之间共享

javascript、css、namespaces、constants、sass

我正在编写一个可重用的Javascript代码片段(jQuery插件)，它涉及DOM样式。因为它被认为是任何人都可以使用的，所以我希望避免它的CSS类名称与文档中其他现有类之间的冲突。这就是为什么我使用名称空间字符串作为其所有类名的前缀(例如，如果我的前缀是prfx-，则类grid将变为prfx-grid )。为了尊重DRY，并

浏览 0提问于2012-05-31得票数 3

回答已采纳

1回答

有没有从NextJs应用程序中删除所有顺风css类的功能？

reactjs、bootstrap-4、next.js、tailwind-css

我们正处于像亚马逊这样的大项目中。因此，两个分支使用引导4。现在我们在主分支中安装顺风css，我还在tailwind.config.js中添加了内容路径。完美的工作..。但现在的问题是从顺风类中得到一些重写的引导.当我从global.css中移除@顺风基时，组件、实用程序就可以正常工作了。但是，在添加了这些行之后，引导程序就不再起作用了，这就出现了一些顺风类。

浏览 1提问于2022-02-17得票数 0

回答已采纳

3回答

在所有css类中添加前缀是一个很好的实践吗？

css

向所有css类添加前缀以避免与可能的第三方小部件/CMS/等等发生冲突是一种良好的实践吗？这不是很糟糕吗，因为它增加了文件的大小？我该走多远？例如，如果我的名字是John，并且我从事一个业务主题的工作，我应该使用JDBT菜单吗？任何关于这个主题的文章都会很棒。谢谢

浏览 2提问于2014-02-01得票数 6

回答已采纳

1回答

是否有必要在主题框架中为每个css类加上前缀？

theme-development、css

我正在研究一个主题框架，所有的前缀都包括css类，所以'main-content‘是' framework -main-content'，'header’是'framework-header'，等等。最近，我看了一下著名的框架创世纪，我没有看到css类的前缀，HTML标记，所以看起来很干净，还有CSS代码。毫无疑问，我们应该在PHP代码中对所有内容进行前缀，

浏览 0提问于2017-03-21得票数 1

回答已采纳

3回答

避免多个CSS框架和样式类的冲突

css、namespaces、bulma

我目前正在实现一个插件，它会动态地插入到一个DIV (不是iframe)中，并且目前正在使用Bulma作为我的CSS框架。我的问题是，由于这个插件将集成到许多网站，它也将继承应用于父网站的样式。由于许多类是许多框架(如列、按钮、表单等)中的标准名称，这会造成冲突。命名空间路径不起作用，因为这避免了我们<em

浏览 22提问于2022-04-09得票数 0

1回答

‘'ng’作为CSS前缀名称

css、angularjs

尝试编写应用程序，并希望将CSS前缀与应用程序名称匹配。我们能用'ng‘作为CSS前缀吗？或者这是服务，并严格地用于角质小组？

浏览 3提问于2017-10-05得票数 0

回答已采纳

4回答

Sass -为从文件导入的所有类添加前缀(使用sass导入或webpack加载器)

css、import、sass、prefix

这个问题可能非常愚蠢和重复，但我找不到一个有效的解决方案。如果这个问题已经在其他地方得到了回答，我很抱歉。但是，我想使用Bulma作为我的辅助框架。为了避免冲突，我想

浏览 0提问于2016-10-18得票数 8

1回答

在访问微前端中的其他子项目页面时，容器的主要组件看起来损坏了

reactjs

我们在Reactjs的项目中使用了微前端架构。是什么导致了这样的问题？我们正在使用React和Material UI。

浏览 12提问于2021-05-03得票数 1

1回答

汇总和后置CSS -自动添加前缀的React className属性

reactjs、jsx、rollup、postcss

我正在使用Rollup + React + Post CSS来构建组件库。我正在寻找一种自动重定位类名的方法，这样它们就不会与使用该库的项目中的样式冲突。我已经添加了这个插件来自动添加‘前缀-’到CSS中的每个类名：但是，这不会修改JavaScript (JSX)，因此React组件仍然使用未命名的类作为className属性。有没有办法使用

浏览 20提问于2017-12-15得票数 2

回答已采纳

4回答

管理CSS冲突

css

所以我和一些CSS开发人员一起工作，我们偶尔会遇到布局问题，这些问题以前已经修复过，因为其中一个css开发人员做了一些与其他东西冲突的事情。我们已经在使用SVN了..每个CSS成员都有自己的css文件。所以我的问题是，应该采取哪些步骤来最小化：2:增加以前编写的样式的可重用性。3:尽量减少在最终css中将样式合并在一起所浪费的时间。我真的很感谢你

浏览 2提问于2009-12-17得票数 5

回答已采纳

点击加载更多