質問: ``` .sample {color: #000000;background-color: #99cc00;} .selectionBarDesign {color: #000000;background-color: #99cc00;} ``` ``` たらこ ``` . sample {color: #000000;background-color: #99cc00;}のコードを消すと、なぜか下のコードが無効になってしまいます。 .sample...のコードは必要ないので消したいのですが、消すと下のコードが無効になるというジレンマが発生します。 なぜでしょうか? ``` @charaset "utf-8"; .slectionButton{float: left;} .selectionBar{float: left;} .selectionBarDesign{ color: #000000; background-color: #99cc00;} li {display:block;} ``` ミスがあればご指摘ください。 CSSファイルはこうなっています。 あと、.sample classを消してみても無理でした。 デザインを変えることにしたいと思います。
回答: まず、基本的な事ですが、その現象は今あなたが出したコードだけで**再現出来ますか?** 再現できるとしたらあなたが使用している**ブラウザ名とブラウザのバージョンはいくつですか?** 問題は再現性が大切です。再現できるだけの最小限のコードを洗い出してみて下さい。 私の環境(Google Chrome 59.0.3071.86)では再現できませんでした。 * .sample + .selectionBarDesign - JSFiddle * .selectionBarDesign - JSFiddle **(2017/06/09 20:07追記)** > > 実際のhtmlファイルはこうなっています。(一部改変してあります) > > > Google Chrome 59.0.3071.86 で再現しませんでした。 * .sample + .selectionBarDesign - JSFiddle * .selectionBarDesign - JSFiddle 上記、リンク先(jsfiddle)では質問者さんの環境で再現出来ますか。 ブラウザを変えたら、結果が変わりますか。 Re: NamaKori さん