Как я могу отнести библиотеку только к определенной части HTML? - PullRequest
Новая
       6

Как я могу отнести библиотеку только к определенной части HTML?

0 голосов
/ 12 мая 2018

У меня есть следующий код, который я нашел из учебника 

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer- 
 reset/2.0/reset.min.css">

и я хотел бы включить его только в определенную часть моего кода, а не во весь HTML-файл, это возможно?

Сейчас он находится в верхней части моего кода и влияет на всю страницу, а я хочу, чтобы он влиял только на некоторые вещи внутри div. Размещение его внутри div не имеет значения.

1 Ответ

0 голосов
/ 12 мая 2018

вместо связывания таблицы стилей, используйте импорт и применяйте его в качестве стиля области: 

<div>
    <style scoped>
        @import "https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css";
    </style>
</div>

Поскольку scoped больше не поддерживается во многих браузерах , если у вас возникли проблемы с поддержкой браузера, используйте Jquery Scoped Plugin .

В качестве хакерского решения используйте iFrame для этой части вашей страницы, однако, если вы хотите применить css-reset к основным частям страницы в качестве полей тела или полос прокрутки, это не поможет. Это простой пример главной страницы и subPage с использованием iframe:

главная страница: 

<html>
    <body>
       Main Content part 1
       <iframe src="subPage.html" style="border:0;width:100%;">
       Main Content part 2
    </body>
</html>

Источник iframe (subPage.html): 

<html>
    <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
    </head>

    <body>
       Styled content goes here.
    </body>
</html>

Наконец, если у вас есть динамический контент и вы не можете определить высоту iframe, пожалуйста, обратитесь к это Q / A

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...