CSSの記述方法について２

質問

勉強中の者で、根本的なことがまだ理解できていないかもしれませんが
ご教授いただけますでしょうか。

CSSに
1行目　.mainPanel {設定内容・・・}
2行目　.mainPanel a{設定内容・・・}
3行目　.mainPanel a:hover{設定内容・・・}
4行目　.mainPanel th,.mainPanelTB01 td{設定内容・・・}
5行目　.mainPanel th{設定内容・・・}
6行目　.mainPanel td{設定内容・・・}
といった記述があります。

（１）1行目でmainPanelというクラスを設定して、
2行目以降にもmainPanelのaやa:hoverといった
内容が書かれています。
これは、何を定義しているのでしょうか？

（２）
4行目で「th,.mainPanelTB01 td」という記述の意味は何ですか＞

（３）
4行目でthやtdについて定義しているみたいなのですが、
5行目、6行目と4行目の定義はどう違うのでしょうか？

回答No.3

めとろいと（@naktak） · ベストアンサー

（１）
mainPanelクラス内の<A>エレメントに対するCSS。
http://www.hajimeteno.ne.jp/stylesheet/css1/selector.html#contex-selector
:hoverなどは擬似クラスと呼ばれるもので、未訪問の時・カーソルが当たった時などの
CSSを指定出来ます。
http://www.hajimeteno.ne.jp/stylesheet/css1/pseudo.html#anchor-pseudo

（２）
.mainPanel thと.mainPanelTB01 tdに対するCSS。
http://www.hajimeteno.ne.jp/stylesheet/css1/basic.html#grouping

（３）複数のセレクタに対して設定を行っていない。
　　　4行目が適用された上に5,6行目が適用される。

回答No.2

hck

（１）2行目　.mainPanel a{設定内容・・・}と3行目　.mainPanel a:hover{設定内容・・・}の「a{....}」というのはmainPanelのリンクの設定です。

（２）4行目　.mainPanelのthの設定とmainPanelTB01のtdの設定です。
テーブルの特定のセルに対して使いたい場合の指定じゃないでしょうか。

（３）5行目と6行目は基本的な.mainPanelのthとtdの設定ではないでしょうか。4行目が特定のセルに向けてクラス指定する設定。

回答No.1

noname#39970

http://www.tohoho-web.com/css/index.htm