css - CSS background-color:背景色が設定された後の透過

Question

CSS を使用して、親 div によって既に色が設定されている後、背景を透明に設定したいと思います。

HTML

<div id="content">
    <div id="nobackground">This background is transparent</div>
    <div>This is not transparent</div>
</div>

CSS

html,body{
    background-image:url("http://www.thomaslovgren.com/wp-content/uploads/spaceship1.png");
}
#content{
    background-color:#F00;
}
#nobackground{
    background-color:transparent;
}

http://jsfiddle.net/7HfJa/1/

考えられる解決策:

#content{
}
#content div:not(#nobackground){
    background-color:#F00;

http://jsfiddle.net/7HfJa/4/

しかし、divのような単一のステートメントのような見栄えの良いソリューションbackground-color:transparentはありますか?

Answer 1

私はあなたができると思います：http://jsfiddle.net/8c54H/

div#nobackground ~ div {
    background-color: #ff0000;
}

ただし、赤いdivが透明なdivに従うことを前提としています

Answer 2

セレクターをより具体的にします。

#content #nobackground {
    background-color:transparent;
}