стилизация медиа-запросов, игнорирование / переопределение родительских стилей

Question

стилизация медиа-запросов, игнорирование / переопределение родительских стилей

0

Поэтому я в настоящее время работаю над отзывчивым сайтом, и я пытаюсь установить стили в медиа-запросе. Однако стиль в родительском css противоречив.

Таблица родительского стиля содержит следующее:

.sec1 p  {

text-align: left;
width: 55%;
margin-left: 8%;
float:left;
margin-top: 100px;
}

И код для ширины 768:

    .sec1 p  {
    letter-spacing:normal;
    word-spacing:normal;
    font-size: 1.1em;
   width:none!important;
   margin-left:none!important;
   margin-top:none!important;
   text-align:inherit!important;
      }

Как вы можете видеть, я попытался установить ширину: none; margin-left: none; Но я даже не знаю, правильно ли это или эффективно,

Короче говоря, как вы можете видеть по моему ревущему коду, чего я не хочу, как мне это сделать?

Надеюсь, я проясняю, спасибо!

av17 18 апр. 2014, в 23:07

Источник

Теги:

html

css

responsive-design

media-queries

stylesheet

1 ответ

Ещё вопросы

Faust · Answer 1 · 2014-04-18T18-46-00.000Z

Ширина none недействительна.

Установите width: auto чтобы вернуть элемент по умолчанию

или width:0 чтобы установить его на 0-ширину.

Кроме того, для !important вам нужно пространство между окончанием значения свойства и important, например:

margin-left: 0 !important;

Потрясающие! Спасибо, я никогда раньше не использовал тег! Важный, но я видел его, когда искал ответы. Я заметил, что у меня есть стиль с плавающей точкой, и мне нужно было установить его на ноль, потому что, когда я установил свою ширину на НИЧЕГО, он неправильно выровнялся и добавил беспорядок Я не понимаю необходимости вашего предварительного комментария, но спасибо за напоминание?