CSS Magento 2 - Попытка настроить таргетинг на домашнюю страницу только с помощью.cms-home, но стиль влияет и на другие страницы

Question

CSS Magento 2 - Попытка настроить таргетинг на домашнюю страницу только с помощью.cms-home, но стиль влияет и на другие страницы

Я использую пустую тему Magento 2.1.6 в качестве основы для своей собственной темы, которая работает правильно.

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

Я добавил это в _theme_extend.меньше (что, я думаю, является правильным местоположением):

.cms-home h1, h2, h3, h4, h5, h6, p {
    padding-left: 30px;
    padding-right: 30px;;
}

Однако, когда я перехожу на другую страницу CMS (на которой определенно нет класса cms-home), она все равно подбирает заполнение и применяет его. Вот скриншот отображение того, что отображает браузер:

Может ли кто-нибудь помочь с тем, что я сделал неправильно?

2

css magento2 less-css

Author: Phillip Meyer, 2017-04-25

Source

1 answers

score 2 · Accepted Answer

Я думаю, вам следует изменить:

.cms-home h1, h2, h3, h4, h5, h6, p {
    padding-left: 30px;
    padding-right: 30px;;
}

До

.cms-home h1, .cms-home h2, .cms-home h3, .cms-home h4, .cms-home h5, .cms-home h6, .cms-home p {
    padding-left: 30px;
    padding-right: 30px;;
}

Чтобы применить css только к домашней странице.

Пожалуйста, дайте мне знать, если это помогло.