Skip to content

Latest commit

 

History

History
22 lines (13 loc) · 1.82 KB

File metadata and controls

22 lines (13 loc) · 1.82 KB

Изоляция стилей

Изоляция стилей решает проблему конфликта имен CSS-классов путем добавления к этим именам префиксов. Префиксы генерируются случайным образом. Изоляция позволяет использовать одинаковые имена классов в разметке разных компонентов, гарантируя отсутствие конфликтов в рамках всего приложения.

Способы изоляции:

Тег <b:isolate/>

Включает изоляцию в текущем шаблоне, добавляя одинаковый префикс к именам всех классов в разметке. Указав атрибут prefix, можно задать собственный префикс для изоляции.

Атрибут ns (namespace) для тега <b:style/>

Включает изоляцию подключаемых стилей, добавляя одинаковый префикс к именам всех классов в селекторах. Указав значение атрибута, можно задать собственный префикс для изоляции.

Атрибут isolate для тега <b:include/>

Включает изоляцию в подключаемом шаблоне. Указав значение атрибута, можно задать собственный префикс для изоляции.

Более подробно об изоляции в basis.js.