1

学術 Web サイトの場合、Web サイト全体でそれらを参照できるように、タイプ (ジャーナル記事、会議論文、ワークショップ論文など) ごとに細分化された出版物のリストを維持し、出版物のタイプに従って一意に番号を付けたいと考えています。 .

Margin | Body
       |
       | ## Conference Papers
  [C1] | Conference paper 1
  [C2] | Conference paper 2
       |
       | ## Journal Articles
  [J1] | Journal Article 1

余白にナンバリングを表示したいと思います。list-style-position:outside;属性を使用してこれを実現できます。list-style: none;ただし、この属性を使用してカスタムの番号付けを行うとうまくいきません(例: 1 ではなく C1)。

編集：コード

ol {
    list-style: none; counter-reset: item 1;
}
ol li:nth-of-type(1){
    font-weight: normal;
}
ol li{
    list-style-position:outside;
    margin-left: 0px; 
    padding-left: 0px;
}
ol li:before {
    content: "[C" counter(item) "] "; 
    color: green;
}

HTML:

<ol>
    <li>Conference Paper 1</li>
    <li>Conference Paper 2</li>
</ol>
4

2 に答える 2

4

疑似要素とを設定position: absoluteして、前者をその親に対して相対的に配置することもできます。beforeposition: relativeli

デモ

于 2013-07-01T11:52:40.673 に答える