Проблема переопределения CSS?

Question

Я нашел много сообщений о переопределении CSS, но все еще нужно спросить. У меня проблема. В моей теме WordPress ссылки, кнопки, элементы p, div, ... определены, но мне нужно в моем блоке div переопределить все предыдущие определенные значения, просто чтобы очистить его. структура моего блока div

<div class="nBox">
    <div id="skr" class="newsBox scrollable">
        <div class="items">

        <div class="this-one">

         I here load programmaticly text from Tinymce editor,
         with tags and his own defined styles and values.

        </div>

Есть ли способ очистить предыдущий определенный стиль, так что в моем div.this-1 все работает нормально.

Answer 1

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

.nBox .this-one {
padding:0;
margin:0;
....
}

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

Здесь вы можете прочитать немного об этом: http://www.webteacher.ws/2008/05/19/tip-calculate-the-specificity-of-css-selectors/

Answer 2

Я не знаю ни одного метода, чтобы просто сказать style: none, который бы сводил на нет все возможные правила стиля, которые унаследовал элемент. Но поскольку большинство вещей, которые вы хотите стереть, будут связаны со шрифтами / текстом, цветом или полями / отступами, вы можете решить большинство проблем с помощью нескольких простых правил:

.this-one {
   margin: 0; !important
   padding: 0;!important
   font: none;!important
   background: none;!important
}

Затем установите нужные значения.

Answer 3

TinyMCE живет в iframe, что не должно зависеть от стилей на странице. Если вам абсолютно необходимо это сделать, я бы посмотрел таблицу стилей сброса css, а затем поставил div.items<space> перед каждым правилом в таблице стилей (и, конечно, удалил правила уровня тела)