Проблема с использованием псевдоклассов (в частности :last-child)

[666FoX666]

Здравствуйте! Возникла проблема с "версткой" шапки. Имею следующий код:

HTML:

Скрытый текст

<header>
	<a class="logo-text" href="#">Лого</a>
			
	<nav>
		<ul>
			<li><a href="#">Пункт 1</a></li>
			<li><a href="#">Пункт 2</a></li>
			<li><a href="#">Пункт 3</a></li>
		</ul>
	</nav>
		
	<ul class="nav-profile">
		<li><a href="#">Войти</a></li>
		<li><a href="#">Зарегистрироваться</a></li>
	</ul>
</header>

 

CSS:

Скрытый текст

* {
	margin: 0; /*Фикс всех отступов*/
	font-family: sans-serif, arial;
}

ul {
	list-style: none; /* Убираем пункты у всех списков */
}

/* ШАПКА */

header {
	outline: 1px solid black;
	width: 100%;
	height: 60px;
}

header a {
	text-decoration: none;
	color: black;
}

.logo-text, li {
	float: left;
}

.logo-text {
	padding: 11.5px 0;
	margin-left: 6%;
	font-size: 200%;
}

nav {
	margin-left: 35%;
}

.nav-profile {
	margin-left: 75%;
}

li {
	padding-top: 21.5px;
}

header ul li a {
	padding: 21.5px 25px;
	border-right: 1px solid violet;
}

header li a:hover {
	transition: 0.5s;
	background: gray;
}

header ul li a:last-child {
	border-right: none;
}
	

/* КОНЕЦ ШАПКИ */

 

Вся проблема в том, что я не могу догнать как мне убрать у последних элементов в nav и nav-profile боковую границу. Я уже как только не пробовал, не могу догнать как это осуществить, максимум что получилось, при том варианте что выше - убирается боковая граница у всех элементов меню вообще.

Да, я могу сделать отдельный класс, и присвоить его необходимым элементам, но такое решение совсем как-то не комильфо, мне кажется.

 

Надеюсь на помощь!
Заранее спасибо!

Edited September 14, 2018 by 666FoX666
Убрал просьбу про вёрстку, осознал :D

[AlexZaw]

header ul li:last-child a {
	border-right: none;
}

 

[666FoX666]

1 минуту назад, AlexZaw сказал:

header ul li:last-child a {
	border-right: none;
}

 

Мда...

Спасибо большое за помощь!

[AlexZaw]

17 минут назад, 666FoX666 сказал:

Мда...

Бывает ? Иногда случается что не замечаешь очевидной ошибки и не можешь понять почему же код котороый обязан работать ведет себя не так как полагается. А нужно лишь внимательно присмотреться к участку кода, пройтись по шагам и понять что он делает.  CSS селекторы читаются справа налево, хотя в данном случае это не критично для понимания ваш селектор header ul li a:last-child (для удобства прочитаем его слева направо) означает: ищем header, в нем выбираем ul, дальше li, в li выбираем последнюю ссылку. Так как ссылка у нас одна, и она же является последней то и бордер убирался у всех ссылок. Если бы ссылок в li было несколько, то бордер убирался только у последней. Причем если бы между a и :last-child стоял пробел, то стили бы применялись уже не к последней ссылке, а к последнему ребенку ссылки, например если бы у вас в ссылке использовались span или какие-то другие теги, стили бы применялись к последнему из них.