このｓｃｃを一つにまとめることはできますか？

質問

@media screen and (min-width: 500px) {
* {
font-size: 2em;
}

@media screen and (min-width: 500px) {
p.p_1{
font-size:2em;
}

@media screen and (min-width: 500px) {
th {
font-size:2em;
}

このｓｃｃを一つにまとめることはできますか？

ブラウザのデバッグ画面で見ると
@media screen and (min-width: 500px)
@media screen and (min-width: 500px)
@media screen and (min-width: 500px)
th {
font-size: 2em;
}
になっています。

回答No.2

Katsu_Kaiz · ベストアンサー

《@media screen and (min-width: 500px) {}》を３回も書くのは無駄ですから、ここはひとつにまとめられます。

@media screen and (min-width: 500px) {
* {
font-size: 2em;
}

p.p_1 {
font-size: 2em;
}

th {
font-size: 2em;
}
}

なお、ご質問の書き方だと《}》の数が足りないです。《{》が２回出てきたら《}》も２回出てくるはずなのに、１回しか書かれていません。デバッグ画面も少しおかしくなっているため、くれぐれも最後の《}》を書き忘れないようにしてください。また、そもそも《*》で《font-size: 2em;》と指定しているのですから、自動的に《p》や《th》も2emになるはずです。

そう考えると、下記の書き方でも十分だと思います。

@media screen and (min-width: 500px) {
* {
font-size: 2em;
}
}

参考URL：

http://htmq.com/csskihon/

お礼

回答ありがとうございました。

回答No.1

akauntook

技術者ではなさそうですね。

技術者向けと言うのは技術者の疑問と言うことではないでしょうか。

sccって何？

こちらが間違えに思えてなりません。
そうすると、少しは勉強したら良い。
答えたところで理解できない。
と、なります。

技術者が回答すると考えても、技術者は、努力や経験の上で技術者となったわけで、何の努力も感じられないような人は嫌いな人が多いんじゃないですかね。

努力も感じられない。
何を教えても理解できる見込みがない。
となると、教える人はなかなかいないのではないでしょうか。

お礼

回答ありがとうございました。