私はdivの内側と私はテキスト持っている（強い要素の前）のdivの内側に強力なタグを持っている要素内のテキストが、CSS

Question

とネストされた要素ではないテキストをターゲットにする方法：

<div class="div1"> 
    "Text" 
    <strong> 
     "Text 2" 
    </strong> 
</div> 

Iを.div1にスタイルを適用したいが、強い要素は適用しない。

Answer 1

CSSを使用してテキストノードを選択またはスタイル設定することはできません。あなたはテキストのみを選択したい場合は、別の要素このような（スタイリングすることができ、余分なノードを追加）を使用する必要があります。

<div class="div1"> 
    <span>"Text"<span> 
    <strong> 
     "Text 2" 
    </strong> 
</div> 

CSS：私のコメントから

.div1 span { 
    /* Your rules */ 
} 

を追加しました：

divにスタイルを適用し、そのスタイルを反転するスタイルをstrongに適用することも考えられます。例として、文書のデフォルトのテキスト色は黒で、strong要素を除いて、テキストをdivに赤色にしたいとします。したがって、divには赤色のテキストカラーを、strongエレメントには黒色のテキストカラー（基本的に赤色を反転）を適用します。

Answer 2

私は自分で答え

.div1 { 
    visibility: collapse; 
    font-size: 0px; 
} 

.div1 strong { 
    visibility: visible; 
    font-size: 11px; 
} 

は=の助けを皆に感謝した）

Answer 3

次のような2つのCSSルールでそれを行うことができます。

.div1 { 
    color: red; 
} 
.div1 strong { 
    color: initial; 
} 

最初の1セットdiv全体のプロパティ、strongタグの2番目のプロパティをリセットします。

ここcodepenです：http://codepen.io/anon/pen/LZYZPp