Coggle requires JavaScript to display documents.
<button id="signup">Sign Up</button>
#signup{ background-color: #d4a373; color: #f1faee; }
* { color: cyan; }
<span class="tag">dogs</span>
.tag { background-color: #fb8500; color: #3a5a40; font-size: 16px; }
<section class="post most-popular">
section.most-popular { background-color: red; }
section[class*="most-popular"] { background-color: red; }
button { font-size: 30px; background-color: #a8dadc; }
h1,h2 { color: magenta; }
<span>
span a { color: #457b9d; font-weight: 700; text-decoration: none; }
.post a { color: #457b9d; font-weight: 700; text-decoration: none; }
post
h2 + button { font-size: 20px; }
<h2>
footer > a { color: #457b9d; }
<footer>
selector { property: value; }