cssについて

質問

html&css初心者です。

ある書籍の本で分からないことがあります。
htmlでclass属性を書きこみました。

< div class=″keyvisial″>
<p class=″news_item″>
<div class=″map″>

それぞれをcssで書いた際には
.keyvisial {
.news_item {
div.map {
とありました。

.(classの名前) {
div.(classの名前) {
これらの違いは何なのでしょうか？

回答No.2

muuming2001

http://qiita.com/oh_rusty_nail/items/e896825cd54e5c0a3666

同じヶ所を指定しても点数の高い方が優先されます。

お礼

ありがとうございます。参考になりました。

回答No.1

te8arrows

.(classの名前) {　←　基本的にどのタグに書いても適用される
div.(classの名前) {　←　適用がdivタグに限定される（優先度が高い）

CSSは適用範囲が狭い方が優先される仕組みなので、.(classの名前)とdiv.(classの名前)がバッティングした場合、div.(classの名前)が優先されます。

お礼

ありがとうございます。参考になりました。