CSSのドット(.)とシャープ(#)の違い
cssファイルに.aaaという表記と#aaaという表記方法があります。
これはhtmlファイル側のid属性の場合は#、class属性の場合は.となります。
#の方をidセレクタ、.の方をclassセレクタと言います。
サンプルのhtmlです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="sample6.css"> </head> <body> <div class="danraku"> 文章～<br> 文章～<br> 文章～<br> </div> <br> <div id="danraku"> 文章～<br> 文章～<br> 文章～<br> </div> </body> </html>
cssは以下です。
.danraku{
border:1px dotted;
}
#danraku{
border:1px dashed;
}
jQueryと同じですね。
ちなみに以下は同じ意味のようで、ただ単にアスタリスク(*)が省略されているだけだそうです。
| *なし | *あり |
|---|---|
| .danraku | *.danraku |
| #danraku | *#danraku |
KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^
コメント