CSS選択HTML条件付きCSS

Question

ページ内で使用されている特定の「id」に基づいてCSSを選択する方法はありますか。

たとえば、

HTML

<li id="button_preview" href="#inline_content2"></li> 

<li id="button_suspend" href="#inline_content1"></li> 

はここで私は1枚のスタイル#inline_content1用シートと#inline_content2のための別のスタイルシートを選択する必要があります。それは可能ですか？

Answer 1

確かに、ID selectors。

li#button_preview {color: red;} 

Answer 2

あなたは要素の属性値、またはidに基づいて特定のSTYLE- シートを選択することはできませんが、その属性値に基づいて、要素に特定のスタイルを適用することができます：

li[href='#inline_content1'] { 
    /* css */ 
} 

li[href='#inline_content2'] { 
    /* css */ 
} 

または、idを使用する：

#inline_content1 { 
    /* css */ 
} 

Answer 3

あなたは両方のスタイルシートがドキュメントにリンクされている場合は

#button_preview { 

} 

http://www.w3schools.com/css/css_id_class.asp