Combinators i CSS som går uden for parent
Jeg synes det er træls at der er begrænsning på combinators, at de kun kan "betjene" childs.Jeg vil gerne kunne rykke uden for childs. Er der en metode til det?
Jeg kan desværre ikke bruge pseudo-class :target da den kun kan styre een object af gangen.
Se eksempel
http://christian-nielsen.dk/comb.htm
Koden til eksempel.
<!DOCTYPE html >
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8" >
<style>
label {
display : block;
width : 650px;
height : 30px;
border : 2px solid #333;
}
input:checked + span {
display : none;
}
label span:target {
display : none;
}
</style>
</head>
<body>
<p>
<label>
<input type="checkbox" >
<span>Når checkbox er checked forsvinder denne tekst fordi den er child</span>
</label>
</p>
<p>
<label>
<input type="checkbox" > Det er dette eksempel jeg gerne vil finde en ren CSS løsning til.
</label>
<span>Når checkbox er checked forsvinder denne tekst ikke fordi den er uden for parent</span>
</p>
<p>
<label>
<a href="#tryk1" >#tryk1</a>
<span id="tryk1" >Når man bruger :target er det ikke både og, men enten eller. Og det kan jeg ikke bruge.</span>
</label>
</p>
<p>
<label>
<a href="#tryk2" >#tryk2</a>
<span id="tryk2" >Når man bruger :target er det ikke både og, men enten eller. Og det kan jeg ikke bruge.</span>
</label>
</p>
</body>
</html>
