28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je coince sur un truc surement bête ms j'ai besoin de vous. Je fais un site avec Boostrap et pour ma navigation, j'ai ajouter un border right au li a pour avoir un trait de séparation. Trait que je ne veux pas après mon dernier élément. Voici ce que j'ai fait :

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	<ul class="nav navbar-nav">
		<li><a href="#">Titre 1</a></li>
		<li><a href="#">Titre 2</a></li>
		<li><a href="#">Titre 3</a></li>
		<li><a href="#">Titre 4</a></li>
		<li><a href="#">Titre 5</a></li>
	</ul>
</div>	


.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	border-right: 1px solid #fff;
	padding-right: 13px;
	font-size: 18px;
	font-weight: 700;
	padding-top:0;
	margin-top: 19px;
	transition: color .25s ease;
	padding-bottom: 0;
}

J'ai essayé ceci (j'ai aussi tenté sans les > au cas où mais en vain. Quelle est la solution ?

.navbar-inverse .navbar-nav>li>a:last-child {
	border-right: none;
}


Merci !!
Carrément !! (j'étais sûre que c'était un truc bête loll mais je ne le connaissais pas).
Merci beaucoup !
Ou bien sans surcharger la même propriété avec :not

.navbar-inverse .navbar-nav>li:not(:last-child)>a {
	border-right: 1px solid #fff;
}

ou encore plus vieillot

.navbar-inverse .navbar-nav>li+li>a {
	border-left: 1px solid #fff;
}