css - 結合 :一行目 :前

Question

疑似要素 :first-line と :before? を組み合わせることが可能です。実際には、最初の行を除く ap の行の前に文字が必要です。私は試します：

p:first-line:before{content:""}   
p:before{content:"["}      

しかし、それは機能しません。

ご提案ありがとうございます。

Answer 1

あなたが持っているようにそれらを連鎖させることは現在不可能であり、CSSだけで最初の行を除いて段落のすべての行にコンテンツを追加する方法を考えることもできません. さらに、contentプロパティは と でのみ使用され:beforeます:after。

疑似要素を効果的に組み合わせる方法については、 http://www.w3schools.com/css/css_pseudo_elements.aspの「複数の疑似要素」セクションを参照してください。

p:first-letter {
    color:#ff0000;
    font-size:xx-large;
}
p:first-line {
    color:#0000ff;
    font-variant:small-caps;
}