- ベストアンサー
cssの複数指定の記述方法
初心者です・・・。 cssで一度に同じような指定がある場合まとめて定義を行うことが出来るかと思うのですが、例えば、 h1, h2, h3 { margin: 0px; } かな・・？？？ この様な感じで、classにも複数同じ設定をまとめて出来ますでしょうか？ 出来る出来ない、また、可能な場合は定義方法をアドバイスいただけませんでしょうか、宜しくお願いいたします。
- apple_mango
- お礼率57% (131/229)
- HTML
- 回答数5
- ありがとう数3
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>サンプルドキュメント</title> <style type="text/css"> <!-- .style1 {font-size: 10px} .style2 {font-size: 14px} .style3 {font-size: 24px} .style1:link, .style2:link, .style3:link{color:#FF0000} --> </style> </head> <body> <a href="#" class="style1">Style1</a><br> <a href="#" class="style2">Style2</a><br> <a href="#" class="style3">Style3</a> </body> </html> -------------------------------- もしかしてこういう事かな？ 一応補足しときます。
その他の回答 (4)
- pchan0022000
- ベストアンサー率42% (112/261)
.style1:link, .style2:link, .style3:link{color:#FF0000} は .style1:link, .style2:link, .style3:link{color:#FF0000} を見やすく改行入れただけで同じものですよ＾＾；
お礼
みなさん有難う御座いました。 無事に記述が出来ました。 有難うございます。
- toy-de-gozaru
- ベストアンサー率33% (4/12)
基本的にはapple_mangoさんの希望通り記述できます。 <div class="xxx">xxxx</div> <div class="yyy">yyyy</div> ならば、 .xxx,.yyy { margin: 0px; } となるのではないでしょうか。 また、これらで上手くいかない場合は、 .xxx , .yyy div.xxx , div.yyy などと、記述を変えてみて下さい。 これでも上手くいかない場合は、ブラウザのバグが予想されます。 参考URLを張っておきますので、お役立て下さい。 http://dhr.at.infoseek.co.jp/simple_style1.htm http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html#minitoc http://hp.vector.co.jp/authors/VA022006/css/corrbrwser.html これ以外で質問、希望があればまた補足でお書き下さい。 分かる範囲でですが、誠心誠意返答させていただきます。
- pchan0022000
- ベストアンサー率42% (112/261)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>サンプルドキュメント</title> <style type="text/css"> <!-- .style1 {font-size: 10px} .style2 {font-size: 14px} .style3 {font-size: 24px} .style1 a:link, .style2 a:link, .style3 a:link{color:#FF0000} --> </style> </head> <body> <span class="style1"><a href="#">Style1</a></span><br> <span class="style2"><a href="#">Style2</a></span><br> <span class="style3"><a href="#">Style3</a></span> </body> </html> -------------------------------------- こんな感じで。 参考になれば～
- pchan0022000
- ベストアンサー率42% (112/261)
.style1, .style2, .style3 { margin: 0px; } で出来るはず。
お礼
有難う御座います。 普通に出来るのですね・・・、私の記述がおかしいかも知れません・・・。 すみません、もうひとつお伺いしたいのですが、このスタイル、.style1, .style2, .style3を3つまとめて、このクラスに対してのaタグ（a:linkかな？？）のリンク色を指定する方法で、一番スマートな方法はどのような記述がよいのでしょうか？？ 何度もすみませんが、宜しくお願いいたします。
お礼
本当に有難う御座います！！ 私の勘違いだと思います・・・。 .style1:link, .style2:link, やはりこれらは個別に記述するのですね？？ 書き方はわかりませんが、 .style1:link, .style2:link,{ ×××××××××××× } のように記述できるのかな？？ と思いましたが、それは無理ですよね？