2017-01-29 4 views
-1

FontAwesomeスタイルを使用して特定のアイコンを表すスパン(またはi)を取得するのに問題があります。CSSの色を尊重するためにFontAwesomeを取得する - FontAwesome quirksはありますか?

奇妙なことは、Chromeのインスペクタと表示されていることです。これはCSSが正しく表示されていることを示していますが、ブラウザでは正しく実装されていることを示しています。 Chromeのインスペクタが正しく上書きされることを示す周囲のdiv。

Fontawesomeは、アプリケーションの他の部分でCSSスタイルを使用して色を設定しても問題なく機能します。

fontawesomeとCSSスタイルを使用している人はいますか?どのような状況で、Chromeのインスペクタはフォントを1つの色として表示しますが、別のフォントとして表示しますか?

お手伝いいただければ幸いです。そうでない場合は、それは問題ありませんが、私には投票しないでください。

+0

の両方を同じ機能に使用している理由は何ですか?それとも間違いですか? – demonofthemist

+0

[mcve]を追加してください。 http://JSfiddle.netかStackスニペットのどちらかです。 –

+0

iとspanは同じ目的のためにfontawesomeに従って使うことができます - 彼らはiを使います、彼らはspanがより意味的に正しいと言います。 – Cerulean

答えて

0

あなたの問題を理解しているとすれば、<span>にはテキストはありません。 しかし、あなたには、いくつかを追加した場合でも、あなたが呼び出すことによって、親要素を隠している:だから子供たちのすべてが非表示になります

#la-tarifa-es{ 
     display: none 
} 

を同様にかかわらず、あなたがそれらを対象とする方法の。

+0

よろしくお願いいたします。私は含まれたコードが問題を難読化したと思う。 - そのために残念。 - 実際それは完全に別のdivです。 - 問題は、fontawesomeがbefore ::をスパンに追加し、文字に配置することです。通常これは正常に動作し、CSSを使用してスタイルを設定できます。しかし、今度は、クロムの検査官がすべての幸運を祈ることを示していますが、これは単に拒否します。私は助けに感謝します。時間があれば、コードをオンラインにしますが、例を最小限に抑えることは難しいと思いますが、この特定のコードについては私には問題があります。 – Cerulean

0

答えは、FontAwesomeが:: beforeをSPAN(またはI)に追加することで動作するということでした。だから、明らかに、含まれているDIVのCSSルールは、SPANのCSSルールではなく、それで動作していました。私がSPAN :: BEFOREのための非常に特別なルールを作ったとき、それは働いた。

関連する問題