Влияет только на элементы в контейнере - PullRequest
Новая
       1

Влияет только на элементы в контейнере

0 голосов
/ 18 мая 2019

У меня огромный файл CSS / bootstrap, и он влияет не только на элементы. Я хочу сделать это, но CSS влияет на всю страницу. Я не могу изменить имя каждого элемента на [name] .slider. Так есть ли простой способ заставить его воздействовать только на элементы внутри контейнера? 

<head>
<!--the stuff in here is also affected-->
</head>

<div>
<!--Stuff to get affected-->
</div>

1 Ответ

0 голосов
/ 18 мая 2019

Конечно, поместите идентификатор или класс в целевой div и добавьте этот идентификатор или класс в начало файла CSS. Если вы используете Less или Sass, вы можете просто вложить содержимое всего файла в правило с идентификатором или классом. 

.my-styled-section h3 {
  color: green;
}

.my-styled-section {
  color: red;
}
<head>
  <!--the stuff in here is no longer affected-->
  <h3>Test</h3>
  <p>Test</p>
</head>

<div class="my-styled-section">
  <!--Stuff to get affected-->
  <h3>Test</h3>
  <p>Test</p>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...