Как выбрать одну ссылку в навигации для стилизации?

@Артур__26000 · Регистрация: 26.03.2018

Author24 — интернет-сервис помощи студентам

Здравствуйте, есть такая проблема: есть навигация, пункты меню и ссылки в них, хочу выбрать первую ссылку для стилизации, испробовал - first-child и nth-child(1) - ничего не работает, не подскажете, как это можно справить, хочу применить border-radius для первой ссылки.

@AlexZaw · 28.03.2018, 10:33

Чтобы подсказать как исправить нужно видеть что исправлять, покажите код.
А вообще все работает вот пример:

HTML5

<ul>
  <li>
    <a href="#">item1</a>
    <a href="#">item2</a>
    <a href="#">item3</a>
  </li>
</ul>

CSS

1
2
3

a:nth-child(1){
  color:red
}

Либо вот так:

HTML5

<ul>
  <li><a href="#">item1</a></li>
  <li><a href="#">item2</a></li>
  <li><a href="#">item3</a></li>
</ul>

CSS

1
2
3

li:nth-child(1) a{
  color:red
}

@Артур__26000 · 28.03.2018, 10:47 **[ТС]**

<nav class="nav">
<menu class="menu">
<li class="menu__item"><a href="#" class="menu__link">Секция 1</a></li>
<li class="menu__item"><a href="#" class="menu__link">Секция 2</a></li>
<li class="menu__item"><a href="#" class="menu__link">Секция 3</a></li>
<li class="menu__item"><a href="#" class="menu__link">Секция 4</a></li>
<li class="menu__item"><a href="#" class="menu__link">Секция 5</a></li>
<li class="menu__item"><a href="#" class="menu__link">Секция 6</a></li>
</menu>
</nav>

@AlexZaw · 28.03.2018, 11:01

Второй вариант вполне вам подойдет, ну или можете уточнить для какого именно списка вы применяете стили:

CSS

1
2
3

nav menu li:nth-child(1) a{
  color:red
}

Да и про тег меню вот цитата с WebReference.ru:- "В HTML4 элемент <menu> вышел из употребления, вместо него рекомендуется использовать <ul>. В HTML5 элемент <menu> вновь включен, но уже в другом качестве. Теперь он выступает контейнером для элемента <command> и создания меню."

@cardo · 28.03.2018, 13:07

Но зато написано вроде как по БЭМ)
проще обратиться через nth-child к нужному элементу быстрее и проще. Это будет по современному можете через js сделать

@Артур__26000 0 / 0 / 0 Регистрация: 26.03.2018 Сообщений: 7
		1
	Как выбрать одну ссылку в навигации для стилизации? 28.03.2018, 10:27. Показов 1832. Ответов 4 Метки css, css3, html, html5 (Все метки) Здравствуйте, есть такая проблема: есть навигация, пункты меню и ссылки в них, хочу выбрать первую ссылку для стилизации, испробовал - first-child и nth-child(1) - ничего не работает, не подскажете, как это можно справить, хочу применить border-radius для первой ссылки. 0

@Артур__26000 0 / 0 / 0 Регистрация: 26.03.2018 Сообщений: 7
	28.03.2018, 10:47 [ТС]	3
	<nav class="nav"> <menu class="menu"> <li class="menu__item"><a href="#" class="menu__link">Секция 1</a></li> <li class="menu__item"><a href="#" class="menu__link">Секция 2</a></li> <li class="menu__item"><a href="#" class="menu__link">Секция 3</a></li> <li class="menu__item"><a href="#" class="menu__link">Секция 4</a></li> <li class="menu__item"><a href="#" class="menu__link">Секция 5</a></li> <li class="menu__item"><a href="#" class="menu__link">Секция 6</a></li> </menu> </nav> 0

@cardo 23 / 21 / 5 Регистрация: 15.12.2015 Сообщений: 261
	28.03.2018, 13:07	5
	Но зато написано вроде как по БЭМ) проще обратиться через nth-child к нужному элементу быстрее и проще. Это будет по современному можете через js сделать 0