HTML/CSS のどんな質問に必ず優しく答えるスレ 31

**Name_Not_Found** · 2018/01/27(土) 13:50:08.11

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。

回答してくれる方は優しい人のみ！　質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつはこのスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！

質問側も節度あるレスで！質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS の質問に優しく答えるスレ 30
http://mevius.2ch.net/test/read.cgi/hp/1508043632/

■関連スレ
Webサイト制作初心者用質問スレ part248
http://mevius.2ch.net/test/read.cgi/hp/1494150188/

■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html

**Name_Not_Found** · 2018/02/24(土) 14:26:51.67

知らんがな。人間側の問題だろ

**Name_Not_Found** · 2018/02/24(土) 14:29:45.83

>>629
> htmlをシンプルにするとcssはセレクタだらけになるしcss3知らない人がみたら意味不明だろうね

cssで書くとそうなるから、勉強してでもscssを使ったほうが良いわ

cssで書く以上どうしてもシンプルにすることは不可能。
scssだと勉強する必要はあるが、シンプルにすることができる

勉強と言ってもネストぐらいで十分だし
使ってもmixinやextendや変数ぐらい

cssを使える能力がある人が、これらを理解できないはずがない
css3を新たに学習することができる人なら、scssだって学習できる。

**Name_Not_Found** · 2018/02/24(土) 15:50:03.16

揚げ足取りの馬鹿のせいでscss基地が調子にのりだした

**Name_Not_Found** · 2018/02/24(土) 16:23:08.70

な？data-キチと同じ流れになるだろwww
こいつ一緒なんだよなぁ
マウントとりたいだけのキチガイ
中身なんにもなしでscss連呼してるだけw

**Name_Not_Found** · 2018/02/24(土) 16:26:24.99

マウント取られるほうが悪い

**Name_Not_Found** · 2018/02/24(土) 16:34:42.39

半月近く前の話題を蒸し返すやつって（ｒｙ

**Name_Not_Found** · 2018/02/24(土) 16:35:07.97

>>634
それも一緒w
マウントとれてないのに勝ち名乗り
一人で敵作ってるオタオタしてるだけ

**Name_Not_Found** · 2018/02/24(土) 16:38:52.85

あ「取られれる方」でどっちのことか分かっちゃうんだ
自覚してるんだねｗｗｗ

**Name_Not_Found** · 2018/02/24(土) 16:43:27.07

くやしいのぅwww

**Name_Not_Found** · 2018/02/24(土) 16:50:50.71

www

**Name_Not_Found** · 2018/02/24(土) 17:13:43.73

お前らweb制作好き？

**Name_Not_Found** · 2018/02/24(土) 19:20:33.10

>>633
自分以外の意見や方法を一切認めないとことかな
すると優れてると言い出すが条件や環境が自分中心

**Name_Not_Found** · 2018/02/24(土) 19:59:58.40

>>641
sass使えないならそういえよ

**Name_Not_Found** · 2018/02/24(土) 20:15:18.00

sassって廃棄になったんだろ？

**Name_Not_Found** · 2018/02/24(土) 20:22:54.75

>>642
やっぱり自分中心ｗ

**Name_Not_Found** · 2018/02/24(土) 21:46:41.03

今日の流れみてれば世界の中心だってわかるだろ
むしろお前だけだぞ使えないの

**Name_Not_Found** · 2018/02/24(土) 22:39:48.18

また異常にスレが伸びてると思ったらいつもの奴かｗ
週末になると必ず現れて1日中貼りついてるな

貼りつくのはいいけどレスしすぎだよ
マジでよむのめんどくせーから質問があったのかすらわからんｗ

**Name_Not_Found** · 2018/02/24(土) 23:08:40.64

また誰かと勘違いだか同一視だかしてるよ

**Name_Not_Found** · 2018/02/24(土) 23:19:49.05

そうやってマウント取りたいんだろｗ

**Name_Not_Found** · 2018/02/24(土) 23:23:00.48

昼間に暴れてたscss推しのやつは複数いるようにみえるけどなー

**Name_Not_Found** · 2018/02/24(土) 23:34:59.04

別にscss推しが複数いるのはいいしscssも全然悪くない
ここでやるなっていうだけ
彼らは日本語わからないのかね？

**Name_Not_Found** · 2018/02/24(土) 23:46:41.69

今の時代SCSSを使うのが普通だって言ってるだろ

**Name_Not_Found** · 2018/02/25(日) 00:01:27.71

普通だったら何？ここブラウザが直接解釈してくれるweb標準技術HTML/CSSの質問スレなんだけど？
変換しないと使えない非標準の技術という意味ではsassはpugやらcoffeescriptやらtypescriptと一緒。
そんなに初心者にマウント取りたいか。
よっぽど惨めな日常生活なんだなｗ

**Name_Not_Found** · 2018/02/25(日) 00:10:15.71

マウントって言葉好きだねｗ
そんなにマウント取られるのが屈辱なのか？ｗ

**Name_Not_Found** · 2018/02/25(日) 00:29:42.23

ここは猿山ではないからね。さっさと猿山へお帰り。そこで好きなだけマウント取ってなｗ

**Name_Not_Found** · 2018/02/25(日) 00:42:18.46

マウントをNGにした方がいいよ

**Name_Not_Found** · 2018/02/25(日) 00:43:19.27

>>654
役に立たない情報は見なくていい
マウントって言葉は役に立たない情報

あ、お前はscssをNGにしておいてねｗ

**Name_Not_Found** · 2018/02/25(日) 00:46:13.00

バレバレ自演ワロタｗｗｗｗｗ

**Name_Not_Found** · 2018/02/25(日) 00:49:00.83

自演も何も、わかるように書いてるだろ？

**Name_Not_Found** · 2018/02/25(日) 01:03:40.42

レスする数と頻度が多すぎなんだよ。
現実世界では無口なんだろ？
あと自演する癖があるようだけど何度もバレてるんだからいいかげんやめとけよな。
ここはあんたの自己顕示欲を満たす場じゃないんだぜ？
そんなに筆が進むならブログでもやればいいのに。

**Name_Not_Found** · 2018/02/25(日) 01:06:17.62

あぁ、これだけ言ってもまだ一人の発言だと
思ってるのね（苦笑）

**Name_Not_Found** · 2018/02/25(日) 01:25:07.64

百歩譲って自演は一度もしてないとしても
胸に手を当てて思い返してくれ自分の行動を。
あんなに貼りついてレスしまくるのは異常だぞ

ここはニュー速でもチャットの場でも無いんだ

**Name_Not_Found** · 2018/02/25(日) 01:27:56.56

胸に手を当てても俺じゃないことははっきりしてるな
他の誰かの話かな

**Name_Not_Found** · 2018/02/25(日) 01:54:34.22

>>651
ブラウザが表示できない以上まだまだ時代ではないが。

**Name_Not_Found** · 2018/02/25(日) 01:56:45.91

>>637
取ら「れれる」方ｗｗｗ
やっぱ日本語通じない感じっすかねぇｹﾞﾗｹﾞﾗ

**Name_Not_Found** · 2018/02/25(日) 02:00:12.20

>>663
開発の現場ではすでにビルドして生成するのが普通なんだよ。
でないと高速化のためのファイルの結合とか圧縮（minify）とかどうするのさ？
今の時代の基本的なことすらできやしないぞ

**Name_Not_Found** · 2018/02/25(日) 02:01:12.60

>>663
ブラウザーが直接表示できるかどうかを基準にすると
面倒くさくない?

**Name_Not_Found** · 2018/02/25(日) 02:04:32.55

なんか縛りプレイーでもしてるんだろｗ
その縛りでなにかメリットがあるのか知らんが

**Name_Not_Found** · 2018/02/25(日) 02:23:54.91

別スレ立てればいいじゃん
ここでやるから揉めるんだよ

**Name_Not_Found** · 2018/02/25(日) 02:36:04.49

分けた所で無駄だろう
関連技術なんだからどうしても話題に出る

**Name_Not_Found** · 2018/02/25(日) 02:39:07.55

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q14155029574

**Name_Not_Found** · 2018/02/25(日) 02:42:08.50

sayohagenkiさん2016/1/2302:40:26
リカオン株式会社のＳＥＯ対策の営業マンが契約を渋ると暴言をあびせられました。

「占い師のくせに先を見て決断ができないのか」「電話でアポとった奴は元ヤンで仕事できないのにあんたは占い師のくせに見抜けてないやないか。」

「俺の年収は１１００万円。営業は即日即決。今日、これくらいの契約できないあなたは金持ちにはなれない。」

「あんたみたいな営業を少しかじったみたいなやつがこうして営業を低くみるんだ。わが社は無駄な営業まわりはしない。どうせ考えさせてくれという返事はそのあとやっぱり家族などに反対されたとかなる。」

「あとで何を調べたいん？どうせＳＥＯ対策のこととか自分で調べてもわかるはずない。」

「今日、契約しないのなら私の方から先生のことは二度とお世話する気はありませんから。」

ちなみに契約内容は月70000円 7年間契約約５６０万円を４１０万円にする

ホームページを３つのキーワードを決めて上位に出すことで宣伝効果絶大ＳＥＯ対策というものというこはわかりましたが、本当にいやな思いをしましたし、この会社まともな会社なのでしょうか。
あの営業マンの罵声は途中から録音してとっています。家族が怖がっているので、何か情報がありましたら教えてください。

補足
占い師というのは私のことです。私は離婚や人間関係のことで悩んでいる方たちの悩み相談室で、タロットを使っているということです。

**Name_Not_Found** · 2018/02/25(日) 07:42:14.70

>>668
なぜか頑なにでていこうとしないんだよね何回もいってんのに

>>669
その度に誘導すればよい
jsとjqだって別れてる

>>665
そうだね
すごいね

>>666
どのへんがめんどくさいと思うの？

**Name_Not_Found** · 2018/02/25(日) 08:29:05.11

>>672
ブラウザーには種類とバージョンがあるから

**Name_Not_Found** · 2018/02/25(日) 08:34:51.27

頭沸いてんのかな？

**Name_Not_Found** · 2018/02/25(日) 10:23:56.64

>>669
無駄じゃないでしょ
cssのコードだせば十分な質問しかこないのに
scssって言葉が含まれてる回答が的を得ていたことなんて１度もない

**Name_Not_Found** · 2018/02/25(日) 11:46:23.75

> scssって言葉が含まれてる回答が的を得ていたことなんて１度もない

それがまさに>>558なんじゃないのか？

> 特殊なレイアウトのスタイルかくとき
> 親に１つだけクラスつけてセレクタでもぐってスタイルかく？
> それとも要素１つ１つにクラスつける？
>
> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる
>
> 後者だと使い回しが聞くけどＨＴＭＬが汚くなるし
> サイト全体で移行繰り返したりするとどんどん使いもしないクラスがたまっていくよね

整理すると以下の２つどちらが良いか？

1. 親に１つだけクラスつける
2. 要素１つ１つにクラスつける

前者
　メリット　・・・　HTMLがきれい
　デメリット　・・・　CSSが汚い、間に要素追加したりすると書き直しが必要
　（ただしこの２つのデメリットはSCSSを使えば解決する）

後者
　メリット　・・・　使い回しが聞く（SCSSでもそれは可能）
　デメリット　・・・　ＨＴＭＬが汚くなる。使わないクラスがたまっていく

まとめると、SCSSを使うと前者の方法はメリットしか無く、
後者はデメリットしかなくなるということになる

**Name_Not_Found** · 2018/02/25(日) 12:29:44.14

最後の２行いらないじゃん
質問者が聞きたいのはどっちがいいかであって何を使うかなんて聞いていない上に
どっちもＳＣＳＳを使えばできるんだから書く必要もない

**Name_Not_Found** · 2018/02/25(日) 12:41:56.33

＞間に要素追加したりすると書き直しが必要
＞　（ただしこの２つのデメリットはSCSSを使えば解決する）
解決しないじゃん
結局修正は必要だろ

クラス直接つけてればどこに要素追加があってもcssの修正は一切必要なくhtml側だけですむ

>>553の例だと
<div class="labeledImage">
<div class="text">
<div class="image">

ってつけてあれば

<div class="labeledImage">
<h3>
<div class="text">
<a><div class="image">

みたいなことになってもcssは一切修正の必要がないって意味じゃないの

**Name_Not_Found** · 2018/02/25(日) 13:31:29.49

>>678
> 解決しないじゃん
> 結局修正は必要だろ
？

> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる

セレクタ指定全部かきなおしは不要になるって言ってるんだけど？

**Name_Not_Found** · 2018/02/25(日) 13:34:49.23

>>678
中途半端に引用するな
> 間に要素追加したりするとセレクタ指定全部かきなおしになる
って話だろ

>>553 を元に例を書くと

.labeledImage { ・・・ }
.labeledImage .text { ・・・ }
.labeledImage .image { ・・・ }

間に要素追加っていうのは途中にdivが入ったら

.labeledImage div { ・・・ }
.labeledImage div .text { ・・・ }
.labeledImage div .image { ・・・ }

みたいにセレクタ指定全部書き直しになるってことだ

SCSSだとネストできるから、間にdivが入ったら、
その場所だけの修正で良い

.labeledImage div {
　.text { ・・・ }
　.image { ・・・ }
}

**Name_Not_Found** · 2018/02/25(日) 13:39:16.82

スレ違いが糞

**Name_Not_Found** · 2018/02/25(日) 13:42:55.98

すれ違いでもなんでもないんだよな。

結局のところ、こっちのやり方のほうがHTMLがシンプルになりますが、
CSSが複雑になりますどうしましょう

って悩みなのでSCSSを使えば解決する。が答えとなる

**Name_Not_Found** · 2018/02/25(日) 13:46:52.37

例えばこれ、jQuery UIのダイアログのCSS

.ui-dialog {}
.ui-dialog .ui-dialog-titlebar {}
.ui-dialog .ui-dialog-title {}
.ui-dialog .ui-dialog-titlebar-close {}
.ui-dialog .ui-dialog-content {}
.ui-dialog .ui-dialog-buttonpane {}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {}
.ui-dialog .ui-dialog-buttonpane button {}
.ui-dialog .ui-resizable-n {}
.ui-dialog .ui-resizable-e {}
.ui-dialog .ui-resizable-s {}
.ui-dialog .ui-resizable-w {}
.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {}
.ui-dialog .ui-resizable-se {}
.ui-dialog .ui-resizable-sw {}
.ui-dialog .ui-resizable-ne {}
.ui-dialog .ui-resizable-nw {}

**Name_Not_Found** · 2018/02/25(日) 13:48:43.11

>>682
どうしましょうなんて言ってないだろ笑
うどんとソバの喩えは頭悪すぎだろって思ってたけどいよいよ正解に思えてくるぞ笑

**Name_Not_Found** · 2018/02/25(日) 13:51:47.54

>>680
ちょっとまて…なんでその書き方で途中にdivが挟まったらセレクターまで全部div追加になるの？？？

**Name_Not_Found** · 2018/02/25(日) 13:57:03.82

こんな感じに書くことができる

.ui-dialog {
　.ui-dialog-titlebar {}
　.ui-dialog-title {}
　.ui-dialog-titlebar-close {}
　.ui-dialog-content {}
　.ui-dialog-buttonpane {
　　.ui-dialog-buttonset {}
　　button {}
　}
　.ui-resizable {
　　&-n {}
　　&-e {}
　　&-s {}
　　&-w {}
　　&-se, &-sw, &-ne, &-nw {}
　　&-se {}
　　&-sw {}
　　&-ne {}
　　&-nw {}
　}
}

**Name_Not_Found** · 2018/02/25(日) 13:59:28.27

>>685
本当に応用が効かないやつだなｗ
divって言ったら本当にdivの場合しか思いつかないのかよ
他に.textや.imageがあるとか考えないのかよ

**Name_Not_Found** · 2018/02/25(日) 14:15:30.95

自分が質問者のレベルに合わせるのではなく、
質問者を自分のレベルに合わせようとするのが間違い

**Name_Not_Found** · 2018/02/25(日) 14:24:03.17

カップ麺をよこせと言ってるんだからカップ麺をよこせ。体に悪いですよとか余計なお世話だ。

**Name_Not_Found** · 2018/02/25(日) 14:29:39.88

>>688
質問者を初心者と決めつけて
上から目線で話をしろってこと？ｗ

**Name_Not_Found** · 2018/02/25(日) 14:30:47.47

>>689
質問者の態度としてふさわしいね！（皮肉）

**Name_Not_Found** · 2018/02/25(日) 14:32:59.62

>>690
> 質問者を初心者と決めつけて
そんなこと言ってないし

> 上から目線で話をしろってこと？ｗ
そんなこと言ってないし

つまりは、自己中心的なだけだね
自分の視点でしか物事を見ない

**Name_Not_Found** · 2018/02/25(日) 14:35:37.66

>>692
意味不明。

質問者のレベルが仮に低いとして、俺のレベルに引き上げることは
自己中心でも何でもない

**Name_Not_Found** · 2018/02/25(日) 14:43:04.08

>>685
>>682 は子セレクタと勘違いしてると思われ

.labeledImage > img {}

**694** · 2018/02/25(日) 14:44:10.74

失礼、安価ミス
× 682
〇 >>680

**Name_Not_Found** · 2018/02/25(日) 14:53:39.50

>その場所だけの修正で良い
つまり修正がいるんだから解決してないじゃん

**Name_Not_Found** · 2018/02/25(日) 15:00:58.73

>>696
お前馬鹿だなｗ
九州から北海道まで行くのに歩いていけないんだから
どの乗り物を使っても一緒じゃんって言う馬鹿はいねぇよ

修正の量が違う。これが一番重要なこと

**Name_Not_Found** · 2018/02/25(日) 15:03:53.07

>>697
辛辣で草

**Name_Not_Found** · 2018/02/25(日) 15:10:28.29

修正の量でいったらクラス名こまめにつけておいたら０じゃん
text image って内部クラスもっておけばどこに何が追加されようとcssに一切手を加える必要がない
修正量が１か１０かより０か１かのほうがはるかに重要

最初のCSS作成(開発会社)はscss使うのは否定しないけど
運用後(顧客)はそんなもの必要ないようなコードにすべき

**Name_Not_Found** · 2018/02/25(日) 15:12:18.93

>>697
<div class="labeledImage">
<div>
<img>
</div>
</div>
この構造の時は

.labeledImage img{}
でも
.labeledImage div img{}
でも、どちらでも適用されるから、CSS/SCSSにまでdivをいれる修正をしなくても適用される

>九州から北海道まで行くのに歩いていけないんだから
違うな
その例え方でいうなら
「東京都のビッグサイト」という言い方から
「東京都の江東区のビッグサイト」という言い方に変える必要はない

**Name_Not_Found** · 2018/02/25(日) 15:18:45.73

>>697
css変更不可　html修正はサポートという条件だと
scssにわずかでも修正が必要になるのは当然ＮＧだろ
修正量の問題なんて関係ない

セレクタだけでcssかいていた場合
「html変更したらデザインが乱れたんですけどー」って無駄なサポートが必要になる

**Name_Not_Found** · 2018/02/25(日) 15:20:37.78

>>701
> scssにわずかでも修正が必要になるのは当然ＮＧだろ
別の話と混ぜるな。

本当に頭が悪いんだなｗ

**Name_Not_Found** · 2018/02/25(日) 15:22:18.49

面倒だから>>558がscssにわすかに修正が入ったらダメとな
何も言ってないことを示すためにもう一回引用するからな

> 特殊なレイアウトのスタイルかくとき
> 親に１つだけクラスつけてセレクタでもぐってスタイルかく？
> それとも要素１つ１つにクラスつける？
>
> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる
>
> 後者だと使い回しが聞くけどＨＴＭＬが汚くなるし
> サイト全体で移行繰り返したりするとどんどん使いもしないクラスがたまっていくよね

俺が言いたいのはscssを使えば、前者のデメリットと
後者のメリットが帳消しになるってこと

**Name_Not_Found** · 2018/02/25(日) 15:23:31.32

ということでscssを使うとcssの使い方の選択幅が
大きく広がるので、scssの話題をこれからもするぞと
宣言しておく

いい加減別の話題をしたら？
その話題に対して俺がscssで回答してあげるからさｗ

**Name_Not_Found** · 2018/02/25(日) 15:46:44.96

>>687
応用もなにも
.hoge .fuga とあってその後
間に.abcが挟まったのであれば
.hoge .abc .fugaは .hoge .fugaと一緒だろ…意味わからんわ

**Name_Not_Found** · 2018/02/25(日) 15:49:05.42

>>703
この引用の仕方はdataキチガイと一緒だわー
こいつが来るまで引用なんてめんどくさいことするやつ一人もいなかったよな

**Name_Not_Found** · 2018/02/25(日) 15:52:04.16

>>706
どうしてあんたはスレと関係ない話をし続けるの？

**Name_Not_Found** · 2018/02/25(日) 15:54:49.58

>>707
スレにあった話なんてここ最近0だろ？
ここはすでに雑談スレになったんだからなんも問題ない

**Name_Not_Found** · 2018/02/25(日) 15:58:02.47

>>694
こんだけscss云々言ってるやつが基本中の基本以前の子セレクタと子孫セレクタ間違えるかね？

**Name_Not_Found** · 2018/02/25(日) 16:03:30.41

はぁ、ほんと応用力がないというか

もしHTMLに、.hoge .text と .hoge div .text で
別々のものを割り当てたくなったとか考えないんだろうか

なんで、その例しか、世界に存在しないみたいに
考えてるんだろうかね。

**Name_Not_Found** · 2018/02/25(日) 16:04:08.82

>>708
例えばscssの話題はcssの問題点を解決する方法として
このスレに関連する話題だ

**Name_Not_Found** · 2018/02/25(日) 16:11:52.45

>>710
質問に関係なくない？それ
あぁ雑談かw問題ないね

**Name_Not_Found** · 2018/02/25(日) 16:13:22.71

質問に関係ない話というか、そもそも質問内容の一部だな

> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる

**Name_Not_Found** · 2018/02/25(日) 16:14:10.44

なんだ >>558 が言っていたのは
子セレクタのことかよ

**Name_Not_Found** · 2018/02/25(日) 16:15:00.86

どうでもいいけど知り合いに気持ち悪いやつがいてさ、自分のこと天皇だとおもってんの。
ちょっと糖質も入ってるんだろうかね？まととに仕事もしてないみたいだし。
そいつのツイッターとかの文章みると
>>710そっくりなんだよねw
句読点の使い方とか改行とかw

**Name_Not_Found** · 2018/02/25(日) 16:17:42.33

つーか別の例を混ぜてくるから、混乱するんだぜ？

>>558をよく読め

> 特殊なレイアウトのスタイルかくとき
> 親に１つだけクラスつけてセレクタでもぐってスタイルかく？
> それとも要素１つ１つにクラスつける？
>
> 前者だとHTMLがきれいだけどＣＳＳが汚いし
> 間に要素追加したりするとセレクタ指定全部かきなおしになる

親に１つだけクラスつけてセレクタでもぐってスタイルかく
場合の話をしている。もぐるやり方は子セレクタ限定とは限らないが
子セレクタだとセレクタ指定全部書き直しになることが多いし

子セレクタじゃなくても、.foo の中に複数の spanがあるなら
間に要素追加したりするとセレクタ指定全部かきなおしになるのもわかるだろう

脊髄反射で回答者に文句をいうんじゃなく、
まず自分で質問内容を確認しろ

**Name_Not_Found** · 2018/02/25(日) 16:18:34.36

>>715
おい、しらないのか？そいつ本当に天皇だぜ
俺も同じ書き方をしているやつを知っているが
多分同一人物だろう。調べた所本当に天皇だった

**Name_Not_Found** · 2018/02/25(日) 16:24:57.10

句読点がそっくりなやつはは全部アイツだ！同一人物だ！
俺がどこに言っても出てきやがる。ストーカーだ。

**Name_Not_Found** · 2018/02/25(日) 16:30:14.16

>>716
あー完全に子セレクタと子孫セレクタ勘違いしてるっぽいねw
てか子セレクタなんてそこまで使わないし普通は子孫セレクタを想定するでしょ

**Name_Not_Found** · 2018/02/25(日) 16:30:22.78

HTMLを書き換えたときにCSS/SCSSを「書き換える必要があるか」という点においては、どちらも変わらない
書き換える量がどれほど違うかでは、SCSSのほうが少なくなる可能性が高い

**Name_Not_Found** · 2018/02/25(日) 16:42:50.15

buttonを普通のインラインブロック要素と同じ見た目にするにはどうすればいいのでしょうか？

http://jsbin.com/rixerukaka/edit?html,css,output

paddingを0にしたりborderを消したりしても、
中に入れたテキストが何故か他のインラインブロック要素よりも少し小さくなってしまい
同じ見た目にはなりません
chromeで確認しています

**Name_Not_Found** · 2018/02/25(日) 16:43:05.38

>>719
やっと理解できたか。
別の例を出して話を混ぜっ返すんじゃねーよ

**Name_Not_Found** · 2018/02/25(日) 16:50:51.57

ごく普通のサイトを作っています。
Edge,IE,Firefoxではほぼ同じ見栄えになるのですが、
Chromeで表示すると、何故か倍率125%に設定しているくらいに全体が大きめに表示されます。
でも倍率を確認すると100%です。
どういう原因が考えられますか？

**Name_Not_Found** · 2018/02/25(日) 16:52:27.01

>>722
は？勘違いしてたのはscssキチﾌﾟｹﾞﾗってことだよ？いいのねそれで。

**Name_Not_Found** · 2018/02/25(日) 16:53:54.53

>>724
俺が今説明してやったろーが
それで理解したよな子セレクタだって

**Name_Not_Found** · 2018/02/25(日) 16:54:57.88

>>723
このスレは雑談スレなので他で聞いてください。ブラウザーに関しては該当スレがないので立ててはどうでしょう

**Name_Not_Found** · 2018/02/25(日) 16:57:40.55

>>725
ちげーだろw
何故かいきなりscssマンが子セレクタ限定で話進めてた、まわりは子孫セレクタを想定してたから全く噛み合わずちんぷんかん。
からの最後にこれは最初から子セレクタの話です！とか言い出した意味不がいまの状況

**Name_Not_Found** · 2018/02/25(日) 17:02:04.52

>>721
興味深かったので調べてみた
デフォルトのfont-familyが<button>はArial、<div>はMeiryoになってる（Windows Chrome）

**Name_Not_Found** · 2018/02/25(日) 17:06:08.86

【悲報】今まで散々技術知識を口にしてきたscssさんは子セレクターと子孫セレクターの違いを理解してなかった