Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
vlad-55
12 / 12 / 4
Регистрация: 21.02.2009
Сообщений: 1,787
#1

Почему не работает псевдокласс?

11.05.2016, 16:35. Просмотров 842. Ответов 3
Метки нет (Все метки)

Меню (фрагмент кода внизу) состоит из секций вида
HTML5
1
2
3
4
5
6
7
  <div class="stroka">
    <a href="/predpriiatiia/">Анализ</a>
  </div>
  <div>
    <div class="clear"></div>
    <hr />
  </div>
Изменить состав секции проблематично, поскольку она создается ЦМС.

В каждой секции есть <hr />, но надо отчеркивать на каждую секцию, а только третью. Для этого сначала всем элементам дается нулевая высота и их не видно
CSS
1
2
3
4
5
6
7
8
.news_list_name_buseness    hr {
    border: none; /* Убираем границу для браузера Firefox */
    color: #D6C48D; /* Цвет линии для остальных браузеров */
    background-color:#DCAE50; /* Цвет линии для браузера Firefox и Opera */
    height: 0px; /* Толщина линии */
    border-bottom: #9F3 0px dotted;
    margin:0px;
}
А потом третьему элементу дается реальный размер
CSS
1
2
3
4
5
6
7
8
.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;
}
Но почему-то эта директива распространяется не на третий элемент, а на все.

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<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>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.05.2016, 16:35
Ответы с готовыми решениями:

Почему не отображается псевдокласс?
Здравствуйте. Я обучаюсь, возник вопрос помогите разобраться. Есть небольшой...

Почему нельзя употребить псевдокласс a:link?
Я начал изучать html и css. Купил домен и хостинг. Установил на хостинг свой...

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

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

Не работает псевдокласс :first-child
Не убирается символ перед первым li. В чём причина? &lt;!DOCTYPE html&gt; &lt;html&gt;...

3
Redzep
197 / 133 / 88
Регистрация: 21.12.2014
Сообщений: 369
11.05.2016, 17:00 #2
Лучший ответ Сообщение было отмечено vlad-55 как решение

Решение

CSS
1
.news_list_name_buseness    div:nth-child(6n) hr
Попробуй так
1
vlad-55
12 / 12 / 4
Регистрация: 21.02.2009
Сообщений: 1,787
11.05.2016, 17:05  [ТС] #3
Спасибо, это работает! А почему 6n ?
0
Redzep
197 / 133 / 88
Регистрация: 21.12.2014
Сообщений: 369
11.05.2016, 18:30 #4
Лучший ответ Сообщение было отмечено vlad-55 как решение

Решение

Если 6, то псевдокласс работает только на 6 элемент, а если 6n, то на 6, 12, 18 и т.д.

Добавлено через 56 секунд
Хотя я невнимательно прочитал вопрос, если только на 3 hr, то тут нужно 6, а не 6n
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.05.2016, 18:30

не работает псевдокласс checked
Здравствуйте . Есть список включающий в себя вложенный список. при нажатии на...

Не работает псевдокласс :active
подскажите что делаю ни так. Есть класс меню div.k2CategoriesListBlock ul li a...

Псевдокласс :hover не работает на IOS
Смысл в том, что при наведении курсора на кнопку меню, оно(меню) должно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru