CSSメモ

次のお話に進むボタン ページ25

##

お久しぶりです、em7です。
今回は千晶さんからご質問があったのでご紹介します。

本文の下の方にある、次のお話に進むボタンや、「続く」「完結」などが書いてある所の設定です。

これも、CSS辞典には載っていないはず…なので説明します。

セレクタは、「.p_next span」です。

背景色は、
.p_next span{
background-color:#カラーコード !important;
}
で変えることが出来ます。

文字の色についてですが、
次のお話に進むところはリンク、
最後のページの「続く」「完結」などのところは通常の文字です。
つまり、最後のページだけ別物扱いだということです。

ですので、それぞれセレクタを書かないといけません。

▽一番最後
.p_next span{
color:#カラーコード;
}
▽それ以外
.p_next span a{
color:#カラーコード;
}

です。

どっちも同じ色でいい時は、

.p_next span,.p_next span a{
color:#カラーコード;
}
でまとめて記述する事が出来ます。

千晶さん、ご質問ありがとうございました！

##

トップメニュー→←機能の中身を紹介/使えるタグ

→ 目次へ｜作品を作る｜感想を書く
他の作品を探す