Usunięcie jednej kreski bordera

Question

Ma ktoś pomysł jak usunąć ta ostatnią "kreskę" za kontaktem?

	<ul>
						<li><a href="oferta.html">Strona główna</a></li>
						<li><a href="galeria.html">Oferta</a></li>
						<li><a href="kontakt.html">Galeria</a></li>
						<li><a href="lokalizacja.html">Kontakt</a></li>
					</ul>

ul{
	list-style-type: none;
	float: right;
	text-align: right;
	margin-right: 95px;
	margin-top: 10px;
}
li{
	float:left;
	padding: 5px;
	font-size: 22px;
	border-right: 1px solid rgba(255, 255, 255, 0.7);
}

 

Answer 1

:last-child

Answer 2

Dodawać border-left dla li + li ;)

Answer 3

Skorzystać z pseudoklasy last-child - ustawić dla ostatniego elementu brak bordera.

Answer 4

li:last-child
{
  border-right: 0px solid rgba(255, 255, 255, 0);
}

 

Comments

0px wystarczy :D dalsze wartości można sobie już odpuścić

---

Nie bylem pewien czy moge, wiec napisalem :D

---

Starczyło same border: 0; Dzięki wszystkim, nie znałem tej opcji :D