2016-12-21 13 views
4

CSSとHTMLについて読んだとき、私は擬似要素の単語を横断します。CSSで「疑似」とは何ですか?

私は擬似的な意味についての短い説明が見つかりませんでした。誰かがこれを私に説明してもらえますか?

+1

あなたはGoogleを精練し、空になったのですか?私はそれが信じるのが非常に難しいことを知ります – j08691

+0

@ j08691質問に少しお読みください...私はこの問題がこの場合にどのように適用されるか理解していることを確信しています。 – Brad

+0

@ブラッドアンド?擬似を一般的に定義しているソースはたくさんありますが、CSSやHTMLに関してもそうです。そして短い答えの慌てて見ることができるように、定義を見つけるのはかなり簡単です。 – j08691

答えて

6

そうであると言われていますが、そうではありません。偽;ない本物:

- https://en.oxforddictionaries.com/definition/pseudo-

擬似要素は、要素のように働くものですが、要素ではありません。

+0

私はこの説明が好きだった=> "擬似要素は要素のように機能するが、要素ではないものです。" – OuuGiii

1

単語「fake」。

より完全な定義は、ここで見つけることができます:http://www.dictionary.com/browse/pseudo

+3

私はこれらの2つの答えの下降音がなぜそんなに得られないのですか?私は彼らの質問と同じことを理解しました。OPは、疑似要素が何を意味するのではなく、疑似要素が意味するものを理解していません。 –

+1

あなたの絶対に正しい、これらの答えはまさに私が望んでいたものです。 – OuuGiii

9

擬似要素を使用すると、特定の部品要素ののスタイルをすることができます。擬似要素のいくつかの例は以下のとおりです。

  • ::after
  • ::before

これらの具体的なものは、あなただけの後、または単に要素の前にスタイルを追加することができます。例えば

ここ

.test { 
 
    background-color: gray; 
 
} 
 

 
.test::after { 
 
    content: ' some more text'; 
 
    color: red 
 
}
<div class='test'> 
 
    testing... 
 
</div>

、我々は通常

しかし.test要素のスタイルを設定し、我々はそれが擬似を使用して後もう少しを追加要素セレクタ::afterを使用して、テキストを追加して色を変更してください。

あなたはより多くのを読んで、https://developer.mozilla.org/en/docs/Web/CSS/Pseudo-elements

+3

ありがとうございますが、これは私の質問に答えることはできませんでした。 – OuuGiii

1

で擬似要素をより多くの例を見ることができるが、それはブラウザでDOM要素であるかのようにレンダリングされるCSS-生成された非DOM要素です。しかし、実際にはノードをDOMに追加するわけではありません。あなたがChrome Dev Toolsで調べた場合、通常のノードとして表示されません。

面白いことに、一部のスクリーンリーダーは擬似要素の内容を読み込みますが、他はそうではありません。

関連する問題