li:last-child {
background-color: lime;
}
li:not(:last-child)
menu > li {
display: inline;
}
menu > li::after {
content: ' | ';
}
menu > li:last-child::after {
content: '';
}
p:last-child {
font-size: 0.75em;
}
/*This will only work if the last child of someEID has
the class .myclassName
if the last child does not have class name us js*/
#someEID .myClassName:last-child {
background: blue;
}
li:last-child {
background-color: lime;
}
<menu>
<li><a href="/member/profile">Profile</a></li>
<li><a href="/member/options">Options</a></li>
<li><a href="/member/logout">Logout</a></li>
</menu>
Code Example |
---|
Css :: css focus change color |
Css :: linear gradient tailwind css |
Css :: website css not loading |
Css :: margin auto not centering |
Css :: css change all text |
Css :: how select two nt child with css |
Css :: how to make a dotted hr in css |
Css :: container transparent text opaque |
Css :: background image repeat css |
Css :: shrink a div by 50% |
Css :: what does em stand for in css |
Css :: custom scroll bar css |
Css :: change text in a div css |
Css :: css cursor delete |
Css :: css text shadow |
Css :: morphism box shadow |
Css :: css h sizes |
Css :: scss select all childs |
Css :: CSS adding something next to a picture |
Css :: @container |
Css :: min css |
Css :: css class id |
Css :: white space in css |
Css :: fix scroll css position sticky |
Css :: loading animation css |
Css :: css materialize |
Css :: make footer stick to bottom without overlap over other elements |
Css :: css after hover |
Css :: how to remove the body margin from navbar in css |
Css :: border for text in html |