HOME フォーラム その他 番頭付きリスト表示でアルファベットを使う

このトピックには2件の返信が含まれ、2人の参加者がいます。5 年、 5 ヶ月前 picha さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #5569

    picha
    参加者

    お世話になります。
    以前、<ol>タグで数字ではなくアルファベット表示にできないか、お尋ねしたことがありました。
    そのころは、私の未熟さから、うまくできず断念していましたが、再度試みて実現できるようになりました。

    表示させたい内容 
    a. abc
    b. abc
    c. abc

    現在は、
    管理画面→外観→CSSカスタマイズに、以下を記載。
    ol#alpha li {
    list-style-type: lower-latin; }

    記事内では、以下を記載。
    <ol id=”alpha”>
    <li>abc</li>
    <li>abc</li>
    <li>abc</li>
    </ol>

    上記では、id要素で実現できていますが、これをclass要素で実現できないかと模索していますが、
    CSSなどの知識も乏しいこともあり、残念ながら数字のままで実現に至っていません。

    CSSには、
    ol.alpha li {
    list-style-type: lower-latin; }

    あるいは、
    ol.alpha {
    list-style-type: lower-latin; }
    を記載し、

    記事には、
    <ol class=”alpha”>
    <li>abc</li>
    <li>abc</li>
    <li>abc</li>
    </ol>
    としています。

    class要素で表示させるためには、何が足りないのか、アドバイスを頂ければ幸いです。
    以上、よろしくお願いいたします。

    WordPress 4.5.3
    BizVektor 1.8.23
    テーマ Penetrate scene

    #5570

    arborvitae
    参加者

    どんな副作用が出るかはわかりませんが、!importantを使えば良いのではないでしょうか。

    #5571

    picha
    参加者

    arborvitae様、ご返信ありがとう御座います。

    CSSに、
    ol.alpha li {
    list-style-type: lower-latin !import; }

    記事には、
    }<ol class=”alpha”>
    <li>abc</li>
    <li>abc</li>
    <li>abc</li>
    </ol>

    で表示されました。
    これで、様子をみてみようと思います。
    アドバイス、ありがとうございまいました。

    また、!import につて勉強になりました。
    重ねてお礼申し上げます。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。