CSS styles without conflict

What a good way to create a non-conflicting version of the CSS stylesheet? Let's say you have a bunch of code with classes that overlap with Bootstrap classes.

Is this really: adding class="bootstrap"to the predecessor element under which bootstrap styles should be applied, and then changing bootstrap.cssfor the prefix rule {}with.bootstrap rule {}

+3
source share
3 answers

I see no reason that would not work, but there are probably some performance implications - I’m not sure that they will even be significant enough to be considered. It would probably be better to rename conflicting classes.

Here are some resources to check:

http://www.vanseodesign.com/css/css-selector-performance/

https://developer.mozilla.org/en/Writing_Efficient_CSS

CSS Mozilla (2- ): " . , ".

+1

. , DOM Bashing ( ). , ?

+1

, , , @imports bootstrap.less( ) : .bootstrap { ... } . CSS .bootstrap.

+1

All Articles