Шаблон страницы css, переопределяющий мои оригинальные css

У меня есть шаблон страницы template.html с css, css включает в себя тело {font-family: 'Arial'}. Эта страница включена в мое приложение, используя «ng-include», когда страница изменяет шрифты моих приложений. Могу ли я запретить использование css моего приложения для переопределения моей страницы шаблона ..?Шаблон страницы css, переопределяющий мои оригинальные css

источник

2016-03-10 Adom Frank

не можете ли вы обернуть содержимое div, а затем дать div-классу вместо использования тега body. –

Содержимое содержит тег html body, который является собственностью и имеет свой собственный CSS. я просто хочу отобразить эту страницу в своем приложении, не затрагивая CSS моего приложения. –

Я предполагаю, что это встроенные стили в template.html? Одной из возможностей было бы увеличить силу ваших правил css на вашей обычной странице. Например, предположим, у вас есть обертка DIV (или аналогичный) s.th. вокруг вашего контента, то вы можете установить:

body .wrapper { 
    whatever styles you want 
}

Это переопределять бы стиль от template.html.

Вы также можете добавить! Важно для ваших обычных правил css, которые вы не хотите перезаписывать.

Лучше всего было бы удалить любые теги стиля из шаблона.html - почему вы вставляете эту страницу в строку?

источник

2016-03-10 15:32:51 jacksbox

Просто разместите свой Template.html в div, и вы можете использовать встроенные css или css на этой странице рядом с этим div.

вы можете сделать, как это

<div style="font-family:'YourNewFontHere'"> 

// include your html page here 

</div>

источник

2016-03-10 15:33:18 farhangdon

Попробуйте поместить на заголовок вашего HTML файла.

<style> body { font-family: 'Arial'; } </style>

источник

2016-03-10 15:35:36 Graphicoding

Вам нужно будет увеличить специфичность селектора CSS вашего приложения для <body> тега. Это не должно быть слишком сложно, так как ваш шаблон переопределяет CSS вашего приложения простым селектором body { ... }.

Пара идей.

Для изменения <body> выбора вашего приложения от body { ... } к html body { ... }.
Добавить класс в тег <body>, <body class="site">. Затем измените body { ... } на .site { ... }.
Удалите body { ... } из шаблона.

источник

2016-03-10 15:39:56 hungerstar

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

Что это касается моих ответов? Если вы не можете изменить шаблон, потому что он динамический, опция № 3 не будет работать для вас. Попробуйте варианты # 1 и # 2 для CSS вашего приложения. – hungerstar

Страница шаблона - это HTML-строка, такая как тело электронной почты, которое имеет свой собственный css. когда включите это в мое приложение, я не знаю, что css, что страница, потому что она генерируется динамически. После отображения страницы я узнаю, что мой css переопределен

источник

2016-03-10 15:58:40

, вы должны отредактировать исходный вопрос, чтобы добавить более подробную информацию. Не могли бы вы опубликовать некоторые фрагменты кода, чтобы дать больше идеи о том, что вы пытаетесь объяснить? –

Шаблон страницы css, переопределяющий мои оригинальные css

ответ

Смежные вопросы