Created
October 8, 2016 11:44
-
-
Save jinhoyim/967b08e4491aae3e599b6291cd5b2ff7 to your computer and use it in GitHub Desktop.
List Style Bullet Color
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* optional */ | |
| * { margin: 0; padding: 0; border: 0 none; font-size: 100%; } | |
| body { padding: 10em; background: #FFF; color: #333; font: 14px/1.5 sans-serif; } | |
| /* unordered lists */ | |
| ul { | |
| margin: 0 0 1.5em; | |
| padding: 0; | |
| list-style: none; | |
| } | |
| ul ul { | |
| margin: 0; | |
| } | |
| ul li { | |
| margin: 0 0 0 2em; | |
| list-style: none; | |
| position: relative; | |
| } | |
| ul li:before { | |
| color: #F00; /* optional */ | |
| content: "•"; | |
| position: absolute; | |
| top: 0; | |
| left: -1em; | |
| } | |
| ul ul li:before { | |
| content: "»"; | |
| } | |
| ul ul ul li:before { | |
| content: "›"; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ul> | |
| <li>First level<br /> | |
| test line break</li> | |
| <li>First level | |
| <ul> | |
| <li>Second level</li> | |
| <li>Second level | |
| <ul> | |
| <li>Third level</li> | |
| <li>Third level</li> | |
| <li>Third level</li> | |
| <li>Third level</li> | |
| </ul> | |
| </li> | |
| <li>Second level</li> | |
| <li>Second level</li> | |
| </ul> | |
| </li> | |
| <li>First level</li> | |
| <li>First level</li> | |
| </ul> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment