CSS - ブートストラップと組み合わせたときにクラスが登録されない

Question

私にはわからない奇妙なものがあります。私はCSSを初めて使用し、スタイルなどを支援するためにブートストラップを使用することに決めました。

問題は、div要素に2つのクラスを割り当てようとしたときです.1はブートストラップ列、もう1つは自分のスタイルシートです。

私のスタイルシートのコードは無視されることがあります。今私はコードの1ビットを取って、CSSを出してjsfiddleに入れますが、うまくいきます。それはhtmlの残りの部分と組み合わされたときにのみ問題を抱えているようです。また、私がインラインスタイルを使用する場合、それは動作することに注意してください...

あなたは問題を再現することができるように今私はjsフィドルにコード全体をコピーしました。私はこのすべてに新しいですと私は問題を抱えていますセクションでは、一般的なフィードバックとしてだけでなく、側面はとにかくどのような援助が理解されるであろう

class="services-boxes" 

側

である4つの画像です！ :)

https://jsfiddle.net/d9bv0grx/1/

Answer 1

によりカスケーディングスタイルシートは、（スタイルは順番に、AND 特異によって適用されている）、それを仕事のやり方へ。あなたが見たいと思っているスタイルは、特異性によって上書きされている可能性が高いです。

thisガイドを読んでください。

例は<div id="selector">

#selector {background-color:red;} 
div {background-color:green;} 

のためにあなたが緑の背景は後で設定されているにもかかわらず、IDセレクタは、高い特異性を持って、赤い背景のdiv要素を見ることを期待できるということです。

次に、cssのセレクタの特異性を変更して、ブートストラップよりも優先させるようにしてください。

また追加するだけで、ケーシングの問題があります.HTMLで大文字に変換されたCSSで小文字のクラスを宣言します。

あなたのCSSにも構文の問題があります。あなたのCSSは次のようになります：

.services-boxes { 
padding:0; 
max-height:500px; 
width:100%; 
} 

このすべてをソートすると、金色になるはずです。 jsfiddle

Answer 2

構文エラーの組み合わせのように見えます。あなたのスタイルは、次のように宣言する必要があります。クラスはあなたには、いくつかに=使用しているすべて小文字（現在サービス・ボックスであると宣言どこスタイルに合わせべき）、コロン分離プロパティと値（であること

.services-boxes { 
padding:0px; 
max-height: 500PX; 
width:100%; 
} 

注意インスタンス）と宣言ごとに1組の中括弧（上記のクラス.logo-imageには2つの閉じ括弧があります）。ちょっとした書式設定でコードが認識されるはずです

Answer 3

HTMLを完全に制御できない場合は、CSSの！importantプロパティを使用してスタイルに優先順位を付けることができます。

.services-boxes { 
color: red !important; 
} 

ただし、あなたは！可能な限り重要な財産であり、あなたが他の方法でそれをすることができない限り、それを使用しないでください。