疑似要素のカラー指定をインラインで行いたい場合のテクニック | コリス

ウェブページを作る際、運用などでさまざまな制約が生じることがあります。 ここでは、擬似要素を使ったスピーチバブルのカラーの指定をインラインで行いたい場合のテクニックを紹介します。 Speech Bubble Arrows that Inherit Parent Color [ad#ad-2] 下記は各ポイントを意訳したものです。 画像を使用しないで、吹き出し状のエレメント（スピーチバブル）を作る時、小さい三角を疑似要素で作るとします。 下記のような感じです。 もし、このピンク色の指定をCSSファイルにセットしないで実装する必要がある場合、どのようにしたらよいでしょうか？ スピーチバブルのdiv要素にインラインで、背景をピンクに指定してみます。 HTML <div class="speech-bubble" style="background: pink;"> I like bananas,

[kuracom]

inherit意識して使うことあまりなかったので参考になる

[hama_shun]

擬似要素はその元の要素の中にできるから inhertit で継承される的な。

[nors]

http://css-tricks.com/speech-bubble-arrows-that-inherit-parent-color/

[aoiasaba]

ちょっとマニアックなテクニック

[Donca]

✔ [CSS]疑似要素のカラー指定をインラインで行いたい場合のテクニック