Ruby on Railsを先週から触り始め、現在簡単な
アプリケーションを作成しています。
その中で、下記のようにVCを生成しました。
Controller1: HomeController.rb
View1: Home.html.rb
SCSS1: Home.scss
Controller2: SignupController.rb
View2: Signup.html.rb
SCSS2: Signup.scss
その上で、「Home.html.rb」と「Singnup.html.rb」それぞれの中で
共通の「.btn」というclassをつけており、「Home.scss」と「Signup.scss」の中で「.btn」クラスに対して、下記のような別々のスタイルを適用しています
CSS3
1/** Signup.scss内 **/ 2.btn{ 3 cursor: pointer; 4 background-color: rgba(20, 20, 20, 1.0); 5 display: block; 6 width: 40%; 7 height: 45px; 8 margin: 0 auto; 9 border: 1px solid white; 10 transition: all 0.3s 11}
CSS3
1/** home.scss内 **/ 2.btn{ 3 border: 1px solid white; 4 border-radius: 3px; 5 padding: 8px 20px 8px 20px; 6 font-size: 13px; 7 font-family: 'Open Sans', 'Lato', 'Roboto'; 8 font-weight: 100; 9 color: white; 10 text-decoration: none; 11}
しかし、実際にブラウザ上で確認した所
home.scssに定義したスタイルがhome.html.rb内の「.btn」classに適応されておらず、代わりにsignup.scss内で定義した上記のプロパティが適用(上書き)されてしまっています。
異なるファイルで同じclass名を使用していても、異なるプロパティを適用させたいのですが、どのようにすればよろしいでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/08/12 07:19