css - :first line selector? を使用したボーダー半径

Question

HTMLに次のものがあります。

<p class="caption">Lorem Ipsum is a dummy text.It is used to display text in web page.</p>

私のCSSで：

.caption:first-line
{ 
background-color:green;
border-radius:4px;
padding:5px 10px;
}

最初の行にのみbackground-color適用され、残りのスタイリングは省略されます。誰でも助けることができますか？

Answer 1

1 行目の疑似要素では、border-radius と padding はサポートされていません。これは、あなたが探していたものを私が解釈した場合に、あなたが持っていたものに最も近いものです. 垂直方向の「パディング」を作成するために line-height を追加し、行をインデントする :before 要素 (左パディング) を追加しましたが、最初の行だけを右パディングする適切な方法がわかりませんでした。境界線の半径で何をしたいのか理解できませんでしたが、とにかくキャプションに入れました。現在のところ、目に見える効果はありません。

.caption:first-line
{ 
background-color:green;
line-height: 50px;
}
.caption{
    border-radius:4px;
}
.caption:before{
    content:' ';
    width:10px;
    height: 5px;
    float:left;
}