Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
vlad-55
12 / 12 / 1
Регистрация: 21.02.2009
Сообщений: 1,743
#1

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

11.05.2016, 16:35. Просмотров 217. Ответов 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
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Почему не работает псевдокласс? (HTML, CSS):

Почему не отображается псевдокласс? - HTML, CSS
Здравствуйте. Я обучаюсь, возник вопрос помогите разобраться. Есть небольшой код: &lt;!DOCTYPE HTML&gt; &lt;title&gt;Неназванный 2&lt;/title&gt; ...

Почему нельзя употребить псевдокласс a:link? - HTML, CSS
Я начал изучать html и css. Купил домен и хостинг. Установил на хостинг свой первый сайт http://www.chasi-tut.ru Сначала я написал такой...

не работает псевдокласс - HTML, CSS
Помогите разобраться с проблемой: при наведении на первый пункт списка, должны появиться остальные 3 пункта, но этого не происходит. Где я...

Не работает псевдокласс - HTML, CSS
Подскажите пожалуйста, почему, когда я хочу убрать border у последнего элемента, прописывая border: none; убираются все границы, а не...

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

Не работает псевдокласс :active - HTML, CSS
подскажите что делаю ни так. Есть класс меню div.k2CategoriesListBlock ul li a { position: relative; display: block; ...

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

Не работает псевдокласс :first-child - HTML, CSS
Не убирается символ перед первым li. В чём причина? &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset = &quot;utf-8&quot;/&gt; &lt;link...

Не работает псевдокласс active у ссылки - HTML, CSS
Всем привет) и с наступающим НГ! переделываю дизайн шаблона WP и столкнулась с проблемой :swoon: у ссылок вообще не работают...

Псевдокласс :hover не работает на IOS - HTML, CSS
Смысл в том, что при наведении курсора на кнопку меню, оно(меню) должно раскрываться. В IOS этого не происходит, а именно в браузере...

Псевдокласс :hover - HTML, CSS
Надо изменить атрибуты одного div'a при наведение на другой. Написал так: &lt;html&gt; &lt;head&gt; &lt;title&gt;Test Page&lt;/title&gt; ...


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

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

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