Как я могу применить структуру пользовательского интерфейса явно, а не глобально?

Question

Я хочу использовать UI-фреймворк для администратора в плагине Wordpress. К сожалению, большинство фреймворков применяют многие стили глобально, а не явно. Эти глобальные перезагрузки и переопределения работают хорошо для сайтов, созданных с нуля, но они могут нанести ущерб, если будут реализованы в существующей архитектуре, такой как бэкэнд Wordpress.

Я ищу UI Framework, который (1) предназначен для или (2) может быть переопределен, чтобы применяться только к определенной области страницы, например, по имени класса в родительском div. Это позволило бы мне применить каркас к моим конкретным регионам опций, оставив остальную часть бэкэнда нетронутой.

Недавно я начал работать с Pure.css от YUI, в котором глобальный сброс почти не существует в сочетании с явными классами, начинающимися с префикса "pure-". Тем не менее, эта структура немного легче, чем я хотел бы. Я ищу что-то более функциональное в стиле Bootstrap или Semantic UI.

Answer 1

Вы можете использовать префикс Bootstrap, например, любым способом, которым вы можете справиться с меньшими затратами, или сами префиксировать их с помощью этого инструмента http://www.css-prefix.com/ так как это должно работать для любого фреймворка.

за меньшее вам понадобится что-то вроде этого

.yourpluginname-bs {
  @import (less) url("bootstrap.css");
}