書く方法:: before/::アンカータグの後に

書く方法::これのようなアンカータグの前に。あなたはここを参照してください何書く方法:: before/::アンカータグの後に

2016-10-03 Karthik N

...この{内容： ""}の前に '::'のように[フィドル]（https://jsfiddle.net/hbfhx7w2/） –

要素を調べると、:: before擬似タグが表示されますが、実際にはアンカータグの内側ではなく、CSSを使用して行われています –

なぜ-2投票ですか？？ –

はCSS擬似要素です。

::before擬似要素を使用して、要素の内容の前にある内容を挿入することができます。例えば、次のコードはすべての段落の前にThis comes before...を挿入します。

p::before { 
    content: "This comes before..."; 
}

CSS疑似要素の詳細については、thisリンクを参照してください。

出典

2016-10-03 09:31:37

および::beforeは、psuedo elementsと呼ばれます。

:: afterとbeforeを使用すると、contentプロパティを使用して要素にコンテンツを追加できます。

例

a::before { 
 
    content: " Before content"; 
 
    margin-right: 10px; 
 
} 
 
a::after { 
 
    content: "After content"; 
 
    margin-left: 10px; 
 
}

<a href="#">Click Here </a>

出典

2016-10-03 09:34:55

私はそれらが疑似要素であることを知っていますが、htmlコードの中でそれらを見ました。その効果を理解していません。質問を見てください。それはHTMLファイルです。 – J3STER

CSS2で使用さ::beforeセレクタが選択された各要素または要素のコンテンツの前に何かが挿入されています。

コンテンツプロパティを使用して、挿入するコンテンツを指定します。

::afterコンテンツの後に何かを挿入するセレクタもあります。次のように

CSS

<style> 
    p::before { 
    content: "User Name"; 
    background-color: yellow; 
    color: red; 
    font-weight: bold; 
} 
</style> 



<body> 

<p>Karthik N </p> 
<p>Sachith MW </p> 

</body>

は出力が表示されます:) CSSを通じ

出典

2016-10-03 09:45:52 SMW

書く方法:: before/::アンカータグの後に

答えて

関連する問題