Как переопределить предыдущие html-теги bootstrap?

-4

Предположим, у меня такой код.Как переопределить предыдущие html-теги bootstrap?

<style> 
    #container ul li{ font-size:50px;} 
    .myclass1 ul li{ font-size: 20px;} 
</style> 
<div id="container"> 
    <ul> 
     <li> 
      <div class="myclass1"> 
       <ul> 
        <li>Something 1</li> 
        <li>Something 3</li> 
        <li>Something 3</li> 
       </ul> 
       <ul class="myclass2"> 
        <li>Something 1</li> 
        <li>Something 3</li> 
        <li>Something 3</li> 
       </ul> 
      </div> 
     </li> 
    </ul> 
</div>

В этом примере, что я хочу это блок, который имеет myclass2 может быть класс, который может наследовать или копировать свойства литий стилевые уль и литиево Значение по умолчанию Twitter Bootstrap в

в основном myclass2 = twitter bootstraps стили по умолчанию li.

Потому что, когда я хочу использовать стили загрузки bootstraps для myclass2, мне нужно его сбросить и сделать много кодирования.

Я просто хочу унаследовать по умолчанию ul, li поведение bootstrap для myclass2 или переопределить предыдущие теги, не повторяя много раз.

Я думаю, что это необходимо для twitter bootstrap.

ADDITION: Реальный образ жизни. Пожалуйста, проверьте http://www.carantina.com/

Под 'ПРОДУКТЫ' стиль тегов li и ul исходит из унаследованных. Но я хочу использовать значения начальной загрузки. Как я добьюсь этого. enter image description here

источник

2013-07-20 SNaRe

Если вы загрузили загрузочный CSS-код, его значения по умолчанию для 'ul' и' li' ** будут ** применяться к вашим элементам 'ul' и' li', по умолчанию. Что заставляет вас думать, что вы должны что-то сделать, чтобы это произошло? Конкретный пример «тонны кода», который вы должны делать «снова и снова», значительно улучшил бы этот вопрос. Прямо сейчас вам очень сложно помочь. –

Заявление Crowder действительно, я не понимаю, почему вы должны кодировать (согласно вам) для использования стилей CSS по умолчанию, которые поступают из загрузочного буфера twitter – dreamweiver

Пожалуйста, проверьте этот код. Для myclass2, если я хочу использовать значения начальной загрузки, мне приходится возвращать все по hardcoding. Я не могу просто набрать font-size:defautbootstrap'sfontsize. Пример выше очень прост. Просто подумайте об этом для выпадающего меню. – SNaRe

Ваш веб-страницы структурирован иначе, чем ваш пример здесь, но вопрос для примера здесь может быть решена путем написания

#container ul ul:not(.myclass2) li {font-size:50px;} 
#container .myclass1 ul:not(.myclass2) li {font-size: 20px;}

для CSS. См. fiddle.
Тогда верхний список с myclass1 будет 20px, а нижний список с myclass2 будет системой по умолчанию (на веб-странице Bootstrap это будет Bootstrap по умолчанию).

Однако, поскольку есть только два списка, и два стиля действуют, ничего не будет отображаться при 50px. Поэтому либо ваш пример не подходит, либо я неправильно понимаю ваши требования.

источник

2013-07-21 09:10:37

Как переопределить предыдущие html-теги bootstrap?

ответ

Смежные вопросы