cssの複数指定の記述方法

解決済

質問者：apple_mango
質問日時：2006/08/11 17:10
回答数：5件

初心者です・・・。

cssで一度に同じような指定がある場合まとめて定義を行うことが出来るかと思うのですが、例えば、

h1, h2, h3　{
margin: 0px;
}

かな・・？？？

この様な感じで、classにも複数同じ設定をまとめて出来ますでしょうか？

出来る出来ない、また、可能な場合は定義方法をアドバイスいただけませんでしょうか、宜しくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： pchan0022000
回答日時：2006/08/11 22:33

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>サンプルドキュメント</title>
<style type="text/css">

</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>

--------------------------------
もしかしてこういう事かな？
一応補足しときます。

- 0
- 件

通報する

この回答へのお礼

本当に有難う御座います！！

私の勘違いだと思います・・・。

.style1:link,
.style2:link,

やはりこれらは個別に記述するのですね？？

書き方はわかりませんが、

.style1:link,　.style2:link,{
××××××××××××
}

のように記述できるのかな？？
と思いましたが、それは無理ですよね？

通報する

お礼日時：2006/08/11 23:30

No.5

回答者： pchan0022000
回答日時：2006/08/12 02:56

.style1:link,

.style2:link,
.style3:link{color:#FF0000}
は
.style1:link, .style2:link, .style3:link{color:#FF0000}
を見やすく改行入れただけで同じものですよ＾＾；

- 0
- 件

通報する

この回答へのお礼

みなさん有難う御座いました。

無事に記述が出来ました。
有難うございます。

通報する

お礼日時：2006/08/12 14:00

No.4

回答者： toy-de-gozaru
回答日時：2006/08/12 00:51

基本的には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-html4 …

http://hp.vector.co.jp/authors/VA022006/css/corr …

これ以外で質問、希望があればまた補足でお書き下さい。
分かる範囲でですが、誠心誠意返答させていただきます。

- 0
- 件

通報する

No.2

回答者： pchan0022000
回答日時：2006/08/11 22:23

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>サンプルドキュメント</title>
<style type="text/css">

</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>

--------------------------------------
こんな感じで。
参考になれば～

- 0
- 件

通報する

No.1

回答者： pchan0022000
回答日時：2006/08/11 17:41

.style1, .style2, .style3　{

margin: 0px;
}

で出来るはず。

- 0
- 件

通報する

この回答へのお礼

有難う御座います。

普通に出来るのですね・・・、私の記述がおかしいかも知れません・・・。

すみません、もうひとつお伺いしたいのですが、このスタイル、.style1, .style2, .style3を3つまとめて、このクラスに対してのaタグ（a:linkかな？？）のリンク色を指定する方法で、一番スマートな方法はどのような記述がよいのでしょうか？？

何度もすみませんが、宜しくお願いいたします。

通報する

お礼日時：2006/08/11 19:05

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！