等幅フォントを設定した部分の背景色を変更する

 
2
1
0

Confluenceで等幅フォントを設定したら、その部分にのみ文字の背景色をつけたいです。
イメージは以下URLの質問に近いです。
Confluenceの文章内で一部文字を強調させたい

スペースのルックアンドフィールでCSSを追加する必要があるところまでは分かったのですが、
以下CSSを記載しても色を変えることができませんでした。

{style} code { padding: 1px 5px 1px 5px; font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; background-color: #eeeeee; } {style}

CSS初心者のためどの部分が間違っているか分からず、
変更する部分が分かる方いらっしゃいましたら教えてください。

    Commentコメントを追加...

    1 回答

    1.  
      2
      1
      0

      CSS でスタイルを変更する場合、どの要素にスタイルを適用するのかを CSS セレクターで指定する必要があります。

      記載していただいているものの場合ですと、{style} の部分を取り除き、 code の部分にはスタイルを適用したい要素を CSS セレクターで指定してあげる必要があります。

      イメージとしては次のような形です。

      <スタイルを適用したい要素の CSS セレクター> {
    padding: 1px 5px 1px 5px;
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    background-color: #eeeeee;
}

      スタイルを適用したい要素を特定するには、ブラウザの開発者ツールなどが役に立つかと思います。
      (記載いただいている別記事にもその画面のスクリーンショットがありますね)

      CSS セレクタについては Web 上に記事がいろいろあると思いますのでそれらを参考にしながら設定を試してみると良いかと思います。

      参考までに次のページもご参考ください。

        Commentコメントを追加...