Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Почему не работает псевдокласс?
Владимир55  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 916
Пользователь №: 27293
На форуме: 5 лет, 7 месяцев, 25 дней
Карма: -1




Меню (фрагмент кода внизу) состоит из секций вида
 <div class="stroka">
<a
href="/predpriiatiia/">Анализ</a>
</div>
<div>
<div
class="clear"></div>
<hr />
</div>

Изменить состав секции проблематично, поскольку она создается ЦМС.

В каждой секции есть <hr />, но надо отчеркивать на каждую секцию, а только третью. Для этого сначала всем элементам дается нулевая высота и их не видно
.news_list_name_buseness    hr {
border: none; /* Убираем границу для браузера Firefox */
color: #D6C48D; /* Цвет линии для остальных браузеров */
background-color:#DCAE50; /* Цвет линии для браузера Firefox и Opera */
height: 0px; /* Толщина линии */
border-bottom: #9F3 0px dotted;
margin:0px;
}

А потом третьему элементу дается реальный размер
.news_list_name_buseness    hr:nth-child(3) {
border: none; /* Убираем границу для браузера Firefox */
color: #D6C48D; /* Цвет линии для остальных браузеров */
background-color:#DCAE50; /* Цвет линии для браузера Firefox и Opera */
height: 10px; /* Толщина линии */
border-bottom: #9F3 0px dotted;
margin:10px;
}

Но почему-то эта директива распространяется не на третий элемент, а на все.

В чем тут ошибка?

<div class="news_list_name_buseness">
<div
class="stroka">
<a
href="/predpriiatiia/">Анализ</a>
</div>
<div>
<div
class="clear"></div>
<hr />
</div>
<div
class="stroka">
<a
href="/kompanii/">Безопасность</a>
</div>
<div>
<div
class="clear"></div>
<hr />
</div>
<div
class="stroka">
<a
href="/prodazhi/">Нродажи</a>
</div>
<div>
<div
class="clear"></div>
<hr />
</div>
<div
class="stroka">
<a
href="/uspeshnoi/">Куспешной</a>
</div>
<div>
<div
class="clear"></div>
<hr />
</div>
<div
class="stroka">
<a
href="/irmu/">фирму</a>
</div>
<div>
<div
class="clear"></div>
<hr />
</div>

</div>




PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Guest  
Дата
Цитировать сообщение


Гость пожелал остаться неизвестным

Unregistered









    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 916
Пользователь №: 27293
На форуме: 5 лет, 7 месяцев, 25 дней
Карма: -1




Большое спасибо, это заработало!

Однако, как-то странно: чтобы подсветить второй hr, надо в псевдоклассе указать 4.

Не знаете, почему так?

PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
waldicom  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Эксперт
Группа переписки
Сообщений: 6204
Пользователь №: 5552
На форуме: 8 лет, 4 месяца, 27 дней
Карма: 162




Видимо потому что <hr> находится во 2м, 4м и 6м дивах


--------------------
Свои мозги еще никто не отменял.
Телепатов нету.
PM
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса