[lordofweed]

I would like to make every second line in a different color for better readability
this does not work. why ?
p:nth-child(2) {
background: blue;
}

Also I found this by somebody on github which is quite cool and works, but not perfectly.

p {
    font-size:24px;
    line-height:32px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABgCAIAAAC46DQiAAAAYUlEQVQoz73SwQ3DIBAF0aetYDuAEtNJWoQKTAfOgcgS+M5pVnMafS0+X4JWHyAv4CbmdQDJICrthULfpYuckU52DshoUDd0KKuUZizc5zpJRlBpLxT6KtdFT3aO3H/wjx/oyySm/xnbdAAAAABJRU5ErkJggg==);
    background-position-y:8px;
    background-size:100% 128px;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent

}

Here it is edited(note that fontsize + lineheight must be backgroundsize px:

p {
    font-size:30px;
    line-height:44px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAASCAIAAAARwPPWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTCtCgrAAAAAOUlEQVQYV23HAQoAIAhD0ZVZ0UG6/w3NEBaBgw9vwDZgeaGZSCmhKlUo/PJGfFenlGqUUCXR3dO2A6rjJsk1UkqlAAAAAElFTkSuQmCC');
    background-position-y:0px;
    background-size:100% 74px;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}

btw i found out the answer myself. css is not capable to select every second line.