Как сделать отдельные стили внутри определённого тега?

Question

[prrrrrrr]

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

Answer 1

[Eugene Chefranov]

Наверно имеете ввиду CSS изоляцию
https://css-live.ru/articles/css-izolyaciya.html
https://habr.com/ru/post/309042/
https://developer.mozilla.org/en-US/docs/Web/CSS/c...
Учтите, что поддержка браузерами слабая

Answer 2

[Евгений]

любой тег {
тут стили
}

Comments

[prrrrrrr]

я имею ввиду применить стили в определённом HTML-теге.

например:

<imtag>
.sample { lala }
</imtag>

И класс sample должен применятся только внутри imtag, и не распостраняться на всю страницу

<imtag>
.sample { color:red; }
<div class="sample"></div> <!-- тут применилось -->
</imtag>

<div class="sample"></div> <!-- тут уже нет -->

[Евгений]

imtag .sample  {
lala
}

Answer 3

[iBird Rose]

в любом теге, если ты обратишься в стилях только к этому тегу (через id, классы и т.д.) - стили будут действовать только внутри этого тега.