新着
MENU
  1. お仕事手帳bloominc
  2. 記事一覧
  3. CSS
  4. 入れ子になっている
      要素のリストの番号を1.1や1.2にする
css

入れ子になっている
    要素のリストの番号を1.1や1.2にする

2023/08/16

１．２．３．・・・

ol.numberPoint {
counter-reset: count 0;
}

ol.numberPoint li{
font-size: 1.6rem;
line-height: 1.6em;
margin-bottom: 10px;
}
ol.numberPoint li:before {
content: counters(count, ‘-‘) “. “;
counter-increment: count;
}

（１）（２）（３）

ol.cntPoint  {
  counter-reset: cnt 0;
}
ol.cntPoint li {
  font-size: 1.6rem;
  line-height: 1.6em;
  margin-bottom: 10px;
}
ol.cntPoint li::before {
content: “(” counters(cnt, ‘-‘) “) “;
  counter-increment: cnt;
}
１．あああ
　（１）aaa
　（２）bbb
　（３）ccc
２．いいい