как переписать стиль CSS

я развиваю страницы, теперь в моем стиле CSS у меня есть эта строка кода

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

для моих страниц. Теперь некоторые из моих страниц неэта линия не нужна

width: 25%;
float: left;

Возможно, я могу переписать его во внутреннем CSS страницы, что приведет к игнорированию исходного поведения?

 Anusha29 окт. 2012 г., 07:58
Вы пытались переписать на своих внутренних страницах?

Ответы на вопрос(6)

Решение Вопроса

!important не рекомендуется, но в этой ситуации я думаю, что вы должны -

Напишите это в своем внутреннем CSS -

.flex-control-thumbs li {
  width: auto !important;
  float: none !important;
}
 Ben Behar17 сент. 2015 г., 19:08
Почему! Важно не рекомендуется?
 Dipak05 окт. 2015 г., 15:09
@BenjaminBehar, потому что это затрудняет отладку, нарушая естественный каскад в ваших таблицах стилей. Когда к одному и тому же элементу применяются две конфликтующие декларации с правилом! Important, применяется декларация с большей конкретностью.
 Tony Brasunas17 нояб. 2015 г., 23:32
Это н'т это!important ISN»рекомендуется; Это'S часть спецификации и хорошо в использовании. Важно использовать его экономно, только когда это необходимо. Это's кувалда CSS.

вы действительно можете. Есть три способа достижения этого, о которых я могу думать.

Добавьте встроенные стили к элементам.создать и добавить новый <стиль> элемент, и добавьте текст, чтобы переопределить этот стиль к нему.Измените само правило css.

Заметки:

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

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

<link rel="stylesheet" href="allpages.css">
<style>
.flex-control-thumbs li {
  width: auto;
  float: none;
}
</style>

Вы можете создать еще один класс имен

.flex-control-thumbs-without-width li {
width: auto;
float: initial; or none
}

Добавляйте этот класс всякий раз, когда вам нужно переопределить, как показано ниже,

<li class="flex-control-thumbs flex-control-thumbs-without-width"> </li>

И удаляйте всякий раз, когда вы нене нужно для других

лементе как другой css (множественный css).

Что-то вроде:

.flex-control-thumbs li 
{ margin: 0; }

Внутренний CSS:

.additional li
{width: 25%; float: left;}
<ul class="flex-control-thumbs additional"> </ul> /* assuming parent is ul */

Просто добавь

.flex-control-thumbs li {
width: auto; 
}

Ваш ответ на вопрос