CSSで文の最初の単語をスタイルする

CSSのみを使用して特定の文の最初の単語をスタイルしています（つまり、HTMLは変更できません）。私は答えに近づいていると感じますが、私はそれを正しいものにすることはできません。私が使用しているCSSのセレクタは次のとおりです。CSSで文の最初の単語をスタイルする

main > h2:nth-child(2)+p { 
    color: red; 
}

それが適切にフォーマットさばかりではないが、それは、このJSFiddle上で見つけることができます原因私はここにHTMLを投稿することはできません。https://jsfiddle.net/gk0bwtvs/20/

おかげで、

を

brld

もう一度：私はHTMlを変更したり、Javascriptを追加することはできません。

2016-09-21 brld

CSSで最初の単語を選択することはできません。 HTML全体のうち、正確にはどの言葉ですか？それをスパン要素で囲むことはできませんか？またはCSSで追加しますか？ – DaniP

http://stackoverflow.com/questions/55612/css-to-increase-size-of-first-word – ak85

これはガイドラインがあるエクササイズの一部であるため、実際には@DaniPが可能です。 HTML *を変更しないでください。何か案は？ – brld

CSSを選択できる範囲に最初の単語を配置するにはHTMLを変更するか、最初の単語を検出するにはJavaScriptを使用し、次にJavaScriptを使用してその単語を配置する必要がありますCSSで選択できます。

これを実行する方法は1つだけです。独自のブラウザアプリケーションを作成し、first-word擬似要素セレクタのサポートを追加します。

2016-09-21 20:50:01 Goose

「これは不可能です」という不幸な表現の原則から投票しました。これはウェブ、グースです。それは仮想空間です。実際の空間とは異なり、すべてが可能です。 –

@AndreiGheorghiu、でもGooseは正しいです（少なくとも最初の擬似要素が作成されるまで） –

@AndreiGheorghiu CSS3の範囲内では、これは実際には不可能です。あなたがすることができないという明確な証拠があれば、「あなたはそれをすることはできません」と言うと、完全に有効な答えです。 – Serlite

答えて