Skip to content

Instantly share code, notes, and snippets.

@emilyriederer

emilyriederer/last-bullet-highlight-demo.html

Created May 27, 2019 16:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save emilyriederer/623b3e1934f935f8b030bdb7e1e55783 to your computer and use it in GitHub Desktop.
Save emilyriederer/623b3e1934f935f8b030bdb7e1e55783 to your computer and use it in GitHub Desktop.
Download ZIP
Simple CSS to emphasize the last item in a list. Potentially useful for xaringan slides.
Raw
last-bullet-highlight-demo.html
<html>
<body>
<style>
li {
color: gray;
}
.last-highlight>li:last-of-type {
color: black;
}
</style>
<body>
<ul class = 'last-highlight'>
<li> item 1 </li>
<li> item 2 </li>
<li> item 3 </li>
</ul>
<ul>
<li> item 1 </li>
<li> item 2 </li>
<li> item 3 </li>
</ul>
</body>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment