CSSでHTMLのスタイルを設定するにはどうすればよいですか？

Question

私が試してみましたが、私は、これらの要素のスタイルを設定する方法を見つけ出すことはできません。

<div class="tabs"> 
<ul class="tabsNavigation"> 
<li><a href="#tab1">Tab1</a></li> 
<li><a href="#tab2">Tab2</a></li> 
<li><a href="#tab3">Tab3</a></li> 
</ul> 

はどのように私はそれを行うのでしょうか？

Answer 1

ちょうどあなたのCSSスタイルを含めることを忘れないでください

.tabs ul 
{ 
} 

または

.tabs ul li 
{ 
} 

Answer 2

Listamatic has many examplesとa tutorial

Answer 3

あなたがリスト自体をスタイルにしたい場合は、使用：

ul.tabsNavigation{} 

、あなたは、各liのスタイルにしたい場合は、以下を使用します。

ul.tabsNavigation li{} 

またはリンク？

ul.tabsNavigation a{} 

Answer 4

.tabs>ul>li{ /* your style */ } 

または

.tabsNavigation>li{ /* your style */ } 

を参照してください。何をしたい

Answer 5

はこれです：クラスの場合 は.classNameを使用してのはここ#idName

.className { 
style: property; 
} 

#idName { 
style: property; 
} 

を使用するIDのあなたの例のJSFiddleです：

http://jsfiddle.net/Mutant_Tractor/aXdJ9/1/

Answer 6

あなたは、インラインスタイリングを行うことができますかスタイルを定義するには、CSSファイルを使用します。インラインスタイリングのために を実行すると、次のことができます。 divタブに赤い背景が表示されます。

<div class="tabs" style="background:red;"> 
<ul class="tabsNavigation"> 
<li><a href="#tab1">Tab1</a></li> 
<li><a href="#tab2">Tab2</a></li> 
<li><a href="#tab3">Tab3</a></li> 
</ul> 

あなたは、あなたがあなたのhtmlタグにCSSクラスを定義し、この

<link href="css/yourfile.css" rel="Stylesheet" type="text/css" /> 

のようなあなたのHTMLファイルにCSSファイルを参照することができCSSファイルで、あなたのスタイルを定義する場合：

を次に、あなたのCSSファイルで、あなたは

<ul class="tabsNavigation"> 

を行うだろう

.tabsNavigation{ 
background:red; 
border:1px solid blue; 
width:400px; 
height:300px; 
} 

Answer 7

演算子 ">"（直後）を使用すると、HTMLベースの構造体内の要素にスタイルが適用されないようになります。例：他のDIV、LIがこれらのスタイルを変更していない場合

DIV.tabs { 

} 
DIV.tabs > .tabsNavigation { 

} 
DIV.tabs > .tabsNavigation > LI { 

} 
DIV.tabs > .tabsNavigation > LI > a { 

} 

ありがとうございます。