html - Why can't I use nth-child on mark tags? -
nothing in code overwrites selector, i'm confused why it's not working. i've googled , asked few friends , don't know. checked server wasn't taking while update page updating text , seems fine.
css
mark { color: #ccc; background: #333; padding: 5px; margin: 5px; } mark:nth-child(even) { background: #000; }
html
<p><mark>warri0r</mark>yes</p> <p><mark>j3w1sh</mark>no</p> <p><mark>mrguy</mark>i don't know</p> <p><mark>explode_</mark>maybe...</p> <p><mark>usausausa</mark>why not?</p> <p><mark>samuel01</mark>absolutely</p>
mark:nth-child(even)
doesn't work because child of <p>
.
rewrite css:
p:nth-child(even) mark { background: #000; }
(select <mark>
of <p>
)
Comments
Post a Comment