2012-03-08 11 views
0

単なるCSSを使用して段落内の特定の単語を選択してスタイルを設定することは可能ですか?たとえば、「hello my name is hello to you all」という文章では、「hello」という単語がどこにあってもそれをターゲットにして、いつでも表示されるhelloの色を変更するなどのルールを追加することは可能でしょうか?表示されるすべてのhelloの周りにスパンタグを追加する必要はありません。CSSを使用して、段落内の文字列を選択してスタイル設定できますか?

可能であれば、私はこれをCSSでのみ行いたいと思います。 css3はうまく使えます。

+0

http://stackoverflow.com/questions/1275776/is -there-a-css-selector-to-select-text-in-a-rectangular box- –

+0

私はこれが可能だとは思っていますが、私はあなたが得るかもしれない創造的な答えを楽しみにしています。 – Bazzz

+0

あなたは ''を使いたくありませんか?まあ、運が良ければ、を使うことができます! –

答えて

1

いいえ、それにjavascriptを使用する必要があります。また、PHP/ASPなどを使用している場合は、ページがレンダリングされる前に自動的に指定された単語の周りにスパンを追加することもできます。

+0

ありがとうございますPHPを使用して検索と置換を行い、あなたが示唆したように語句にspanタグを置き換えてください:) – nick501414

+0

喜んで助けてください!この回答があなたの質問に答えた場合、それをあなたの質問を見つける将来のユーザーを助けるための答えとしてマークすることを忘れないでください。 – Dave

0

テキストノードをターゲットできないことがわかっているものは、JavaScriptを使用して行うことができます。ハローワードをスパンタグで囲み、SPANタグにプロパティを設定します。

0

CSSセレクタは、テキストを照会するのではなく、タグまたは疑似クラスターに作用します。参照http://www.w3.org/TR/selectors/を確認してください。多分ここで役に立つものが見つかります。

1

もしあなたがパラの内容を知っていて、忍耐を持っているのであれば、スパンタグでハイライトする必要のある単語をそれぞれラップすることができます。それらに同じクラスを割り当てて、スタイルを設定します。

::first-line::first-letter

1

CSSは2 *擬似要素を持っています。タグのinnerhtmlの一部のみを対象とすることができます。

(*それはより多くのを持っているOFC、私はinnerHTMLプロパティの一部のみを選択する目的のために意味します。)

+0

+1あなたが数秒間私を打つから! – bfavaretto

+0

............;) – Christoph

1

細かいいずれかの特定の単語を制御、又はその断片について、あなたはにそれをラップする必要があると思います他の人が言ったように、スパンとスタイルのスパン。

ただし、CSS2以降で利用可能な疑似要素である:first-lineおよび:first-letterもあります。したがって、たとえば、あなたが最初の文字を持つことができthisのように、異なるフォントサイズを持ち、全体最初の行は別の色を持っている:

p:first-letter {font-size: 30px;} 
p:first-line {color: #FF0000;} 
+0

これらは疑似クラスではなく、疑似要素です。これらはCSS1の休みの日(IE5.5までサポートされていませんが)からも利用可能で、その種の最初の2つです。 CSS2で導入された疑似要素は ':before'と':after'です。 – BoltClock

+0

情報をくれてありがとう!私は疑似クラス対要素の命名について常に混乱してきました。今私は仕様を読む。 [CSS1の仕様](http://www.w3.org/TR/CSS1/#pseudo-classes-and-pseudo-elements)はあまり有益ではありませんが、[CSS2仕様](http:// www .w3.org/TR/CSS2/selector.html#pseudo-elements)は非常に明確です。 – bfavaretto

関連する問題