Внутренняя среда выполнения CSS CSS тревожная страница по умолчанию

Question

Мне нужно связать html в моем коде angularjs.

<div class="preview-container" slimscroll="{height: '', color: '#00AAFF', alwaysVisible: 'true'}">
    <div ng-bind-html='previewHtml' class="preview-container"></div>
</div>

Значение для previewHtml получено с сервера и состоит из его собственного стиля CSS.Внутренний CSS previewHtml вызывает помехи в css по умолчанию для страницы хоста.

содержимое, полученное с сервера для previewHtml, будет выглядеть примерно так:

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <!-- <link rel="stylesheet" type="text/css" href="styles.css"> -->
    <style type="text/css">
       ...some value 
    </style>
    <table > 
        ...some value  
    </table>
    </div>

Есть ли способ избежать этого возмущения, вызванного внутренним / рабочим временем css

Answer 1

Лучший способ убедиться в этом - использовать встроенный стиль, который более специфичен, чем стиль внутри тега <style>.

 <div style="your_preview_style: here;" slimscroll="{height: '', color: '#00AAFF', alwaysVisible: 'true'}">
    <div ng-bind-html='previewHtml' class="preview-container"></div>
 </div>

Рекомендуется также использовать префикс в именах классов CSS,например:

appInitial-preview-container

Это может решить вашу проблему без использования встроенных стилей.