For my project, I am incorporating interfaces within other interfaces and have been facing conflicts between bootstrap rules and other CSS files. To address this, I encapsulated all Bootstrap rules within a .use_bootstrap class. Now, within my interfaces, I enclose all code within
<div class="use_bootstrap">...</div>
. However, I am still experiencing issues where CSS rules from other interfaces are affecting my interfaces. Is there a way to block all rules within .use_bootstrap that do not contain the .use_bootstrap class in the selector?