working Das unten war der HTML-und CSS-Code, und ich möchte die Frage stellen: Warum das erste Kind nicht funktioniert? Wer kann mir sagen, ich werde für Ihre Antwort zu schätzen wissen.erstes Kind war nicht in css
.footerLinks {
margin:0 auto;
list-style: none;
}
.show{
display: inline-block;
zoom:1;
*display:inline;
color:#eee;
padding:4px 14px;
border-top:1px solid rgba(0,0,0,0);
border-left:1px solid red;
}
.footerLinks li a:hover{
color: red;
border-top:1px solid #fff;
}
.footerLinks .show:first-of-type{
border-left:none;
}
<nav role='navigation'>
<ul class="footerLinks">
<li class="show-first"><a href="#">Home</a></li>
<li class="show"><a href="#">About</a></li>
<li class="show"><a href="#">Clients</a></li>
<li class="show"><a href="#">Contact Us</a></li>
</ul>
</nav>
Ich habe keinen linken Rand an dem ersten Element sehen? – Jer
Kompilieren Sie in regelmäßigen CSS oder in [Sass] (http://sass-lang.com/)? –
@David Es tut mir leid, ich kompiliere in weniger, aber ich wähle es in CSS, es funktioniert immer noch nicht. –