For index.html: h3 cannot go inside label.
This commit is contained in:
parent
6be7301d10
commit
312cc0a2db
@ -20,8 +20,8 @@
|
|||||||
content
|
content
|
||||||
.match(/<\/h1>([^]*)<h2 id="more-information"/)[1]
|
.match(/<\/h1>([^]*)<h2 id="more-information"/)[1]
|
||||||
.replace(
|
.replace(
|
||||||
/(<h3 id="(.*?)">.*?<\/h3>)([^]*?)(?=<h)/g,
|
/(<h3 id="(.*?)">)(.*?)(<\/h3>[^]*?)(?=<h)/g,
|
||||||
'<input hidden type="checkbox" id="$2-hide"><div><label for="$2-hide">$1</label>$3</div>'
|
'<input hidden type="checkbox" id="$2-hide"><div>$1<label for="$2-hide">$3</label>$4</div>'
|
||||||
)
|
)
|
||||||
%>
|
%>
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
4
web.css
4
web.css
@ -89,7 +89,7 @@ span.hover > img {
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
h2 ~ p, h2 ~ p + ul, input + div, div > label ~ * {
|
h2 ~ p, h2 ~ p + ul, input + div, div > h3 ~ * {
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
}
|
}
|
||||||
input + div {
|
input + div {
|
||||||
@ -100,6 +100,6 @@ input + div {
|
|||||||
h3 {
|
h3 {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
input:checked + div > :not(label) {
|
input:checked + div > h3 ~ * {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user