VPF::Проблема с отступом ul (margin) - Форум программистов

JEEN

Дата 11.4.2012, 15:29 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 8.3.2008

Репутация: нет
Всего: 1

Код


#block ul {margin:10px;} // работает отлично
#block ul.special {margin:0;} // не срабатывает. Отступ все равно есть.

Код


<div id="block">
     <ul>
          <li>Первый</li>
          <li>Второй</li>
     </ul>

     <ul class="special">
          <li>Первый</li>
          <li>Второй</li>
     </ul>
</div>

Как сделать так, чтобы .special был без отступа?

Это сообщение отредактировал(а) JEEN - 11.4.2012, 15:31

Evghenusi

Дата 11.4.2012, 15:47 (ссылка)

(нет голосов)

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

Репутация: 3
Всего: 15

да он вроде бы без отступа -> http://jsfiddle.net/QFWng/

JEEN

Дата 11.4.2012, 15:57 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 8.3.2008

Репутация: нет
Всего: 1

Код


#block ul {margin:100px;}
ul.special {margin:0;}

вот

добавить #block можно конечно, но это уже будут костыли (долго объяснять почему).

Странно как-то. Ведь ul.special задан позже и должен быть главней #block ul...

ksnk

Дата 11.4.2012, 16:01 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата(JEEN @ 11.4.2012, 15:57

)

Ведь ul.special задан позже и должен быть главней #block ul.

http://seodon.ru/css/prioritety-stilej.php

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

JEEN

Дата 11.4.2012, 16:05 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 8.3.2008

Репутация: нет
Всего: 1

всем спасибо.

поменяю #block на .block

Aliance

Дата 11.4.2012, 17:04 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

В общем-то как еще одно решение можно было бы использовать !important. Хотя, конечно, согласен, что правильная организация важнее.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

rz00007

Дата 12.4.2012, 09:53 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 11.4.2012
Где: Москва

Репутация: нет
Всего: 0

Цитата(JEEN @ 11.4.2012, 15:57)

[code=css]
Странно как-то. Ведь ul.special задан позже и должен быть главней #block ul...

Нет, id - главнее, чем класс! Расположение тут роли не играет!

--------------------

http://presite.ru - My Work Commerce CSS2 AJAX

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »