7

リストの最初の行のリスト項目に CSS スタイルを配置しようとしていますが、Chrome、Firefox、Safari のいずれもスタイルを受け入れないようです。

ul:first-line > li {
    display: inline;
    /* my styles here */
}

スタイルを指定する方法を見落としていますか?これは CSS 実装の見落としですか、それとも意図的な CSS 仕様ですか? 後者の場合、これには正当な理由がありますか?

JSFiddle: http://jsfiddle.net/e3zzg/

編集：
これは現在CSSだけでは達成できないことはかなり決定的であるように思われますが、研究の観点から、そして後世のために、これがなぜなのか興味があります。疑似要素に関する W3C CSS 仕様firstlineを読むと、内部要素について言及されていないようです。代替ソリューションを提供しようとするすべての人に感謝しますが、CSS ソリューションが実際に存在しない限り、ここでの問題は「どのように」または「それが可能か」ではなく「なぜ」です。

4

4 に答える 4

2

私はあなたがより良いと思う：

ul > li:first-child

:first-lineテキスト要素にのみ役立ちます

于 2013-07-04T15:43:49.897 に答える
0

テキストを含む要素自体に適用する必要があることを確認して:first-lineください（親ではなく）。

ul > li:first-line { /*style*/ }

または、リスト項目に含まれている場合

タグとかそういうの...

ul > li p:first-line { /*style*/ }
于 2013-07-04T16:15:57.540 に答える