Frage Footer wie auf dem Beispiel. Aber wie?

[PurerHTMLAnfänger]

Hey ihr! :-)

Ich möchte einen footer wie auf dieser Website haben http://euw.leagueoflegends.com/de

Und zwar dieses Design mit den strichen "|"

" ÜBER LEAGUE OF LEGENDS | HILF UNS BESSER ZU WERDEN |SERVICESTATUS | TRIBUNAL | UNTERSTÜTZUNG | ESPORTS-SEITE

Würde mich freuen, wenn ihr mir helfen könnt. LG

 

[SpiceLab]

Würde mich freuen, wenn ihr mir helfen könnt.

Die Quellcode-Analyse über "Element untersuchen" hätte es auch getan

#footer-sub-nav li:after,
#pvp-net-ad li:after {
  content: "|";
  display: inline;
}

 

[bdt600]

Würde mich freuen, wenn ihr mir helfen könnt.

Wobei helfen? Sie dir doch einfach an, wie das auf dieser Seite gemacht wurde

 

[SpiceLab]

Nachtrag.

Und für das letzte Element ohne "|" gilt selbstverständlich:

#footer-sub-nav li:last-child:after {
  display: none;
}

 

[MrMurphy]

Hallo

Heutzutage wird das CSS eher einfach gehalten, also statt zwei Anweisungen

#footer-sub-nav li:after {
   content: "|";
   display: inline;
}
#footer-sub-nav li:last-child:after {
   display: none;
}

nur eine

ul#footer-sub-nav li:nth-last-child(1n+2)::after {
   content: " | ";
   display: inline;
}

Gruss

MrMurphy

 

[SpiceLab]

@MrMurphy Danke für das Sahnehäubchen