Как отменить наследование в CSS?

Question

[Антон Гук]

Задача выставить чек-бокс и его текст в одну строку.
Но div'у, в который завернут текст присваивается ширина и расположение текста родительского diva.
Прописал

.rules_txt {width: 100px !important;
			   text-align: left !important;}

Но все равно упорно наследуются свойства класса родительского дива.
В нижнем блоке та же беда, поэтому сделать по аналогии не получится.

Comments

[Ankhena]

Чтобы узнать почему стили наследуются, а не перебиваются, нужно видеть весь код. Можно ссылку, можно сюда: https://jsfiddle.net/

Пока без кода:
1. Специфичность селекторов
2. Используйте !important только в самом крайнем случае (иначе, что будете делать в следующий раз, когда потребуется перебить important?)
3. Не объявляйте свойства раньше времени.
4. Используйте flexbox, уже можно. Либо inline-block.

Answer 1

[Александр Моргунов]

Сделай все то же самое, как для текста над кнопкой "Оплатить". И на будущее, лучше отказаться от использования !important, может потом плохо сказать на дальнейшей верстке.

Comments

[Антон Гук]

там также наследуются стили блока.

[Александр Моргунов]

Я не вижу, где тот чекьокс, который надо выравнивать. Просто блок подсвечен.

[Антон Гук]

Александр Моргунов: он по центру, как и все элементы блока. Глобально проблема в том, чтобы присвоить элементам чек-бокса свои оступы, выравнивание и кегль. А оно упорно наследуется. (я к сожалению, не верстальщик, но приходится делать самому)

[Александр Моргунов]

Правильно надо селекторы выбирать, вот в чем фишка.. Присвоить нужным чекьокс определенный класс и обращаться к нему.

[Антон Гук]

Александр Моргунов: вроде так и делал. Еще поэкспериментирую.

[Александр Моргунов]

Антон Гук: Почитайте информацию о позиционировании блока внутри другого. У HTMLAcademy должен быть урок посвященный данной теме. Он вам тоже будет хорошим подспорьем.