

#CodePenChallenge: List Styles
source link: https://codepen.io/yexx/pen/OJzQNVN
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

#CodePenChallenge: List Styles
xxxxxxxxxx
<main>
<header>
<h1>Todo List</h1>
</header>
<section>
<ul>
<li>
<span>Groceries</span>
<ul>
<li><span>3 Tomatoes</span></li>
<li><span>1 bunch of cherries</span></li>
<li><span>6 onions</span></li>
<li><span>3 heads of garlic</span></li>
<li><span>1 bag spring mix</span></li>
</ul>
</li>
<li><span>Cancel gym membership</span></li>
<li><span>Clean gutters</span></li>
<li><span>Take package to the post office</span></li>
<li><span>Call Avery about Ali's party (afternoon)</span></li>
<li><span>Sort recycling & put out trash</span></li>
</ul>
Recommend
-
118
Many different styles of hats have evolved over the years Many different styles of hats have evolved over the years
-
71
default-beauty.css If anything above is what you would tick then this project will be of use for you. The idea behind is to beautify a bit default styles whenever you just cannot (or just do not want t...
-
46
By mapping the current scroll offset to an attribute on the html element we can style elements on the page based on the current scroll position. We can use this to build, for example, a floating navigatio...
-
61
Scoped Styles for React :warning: EARLY VERSION Get your CSS classes scoped by component directory Installation npm i react-scoped-styles
-
66
Immutable Styles Immutable Styles | ɪˈmjuːtəb(ə)l | stʌɪl | A library for styling web interfaces with a focus on...
-
44
With almost year passed since the previous 0.1.0 release , a nice new release of the tint pa...
-
50
README.md Tailwind CSS Basic Form Styles Out of the box, selects, checkboxes, and radios look awful in Tailwind and right now the only way to make them...
-
2
Pen Settings HTML Preprocessor Add Class(es) to <html> Stuff for <head> ...
-
5
UFO with Ease (codepenchallenge) 0 unsaved changes xxxxxxxxxxw<svg class="ufo" version="1.1" id="Lager_1" xmlns="h...
-
11
CodePen Challenge 0 unsaved changes xxxxxxxxxx<main> <h1>To do</h1> <h2>April...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK