ALICE+サポート タグ・デザイン掲示板 TOPページ タグ・デザイン掲示板 Aタグにclass名は使えますか? 編集 キャンセル 削除 アク禁 アク禁解除 キャンセル 凍結 0 Anonymous Chrome 小説機能のページリストレイアウト編集から <a href="#page_url#">#page_title#</a> ↑ここにclass属性を使い <a href="#page_url#" class="link">#page_title#</a> としたうえでhtml編集で .link a{ background: #95C8A6!; color:#F55C8F; } と書いたのですがcssが反映しません。 どうすればいいのか八方ふさがりです。 上のcss のみで他は一切指定しない状態でも反映してくれませんでした。 1 09/18 18:15 返信 コメント投稿 検索 3 0です Chrome >>しち様 回答ありがとうございます。しち様のおっしゃる通りに、 .link aをa.linkに替えてcssを改めて書き直したところ思うように反映しました。 リンク先も参考させていただきます。 09/21 16:18 返信 2 しち SOG03 >>0 CSSが反映されないのは、セレクタの書き方に誤りがあるためです。 現状のHTML(ページリストレイアウト編集)でしたら、セレクタは「 .link a 」ではなく、 「 a.link 」と書く必要があります。 ━━━━━━━━━━ a.link{ background:#95C8A6; color:#F55C8F; } ━━━━━━━━━━ ▼参考 スタイルシート[CSS]/CSSの基本/クラス名を使った指定 - TAG index スタイルシート[CSS]/CSSの基本/クラス名を使った指定 - TAG indexwww.tagindex.com 上記のように「 a.link 」と書けば、 『a要素のうち、“link”のclass名が付与されているもの』 のスタイルを指定できます。 もし上記で文字色等が変わらなければ、他のスタイル指定と競合した結果打ち消された、といったことが考えられます。 ▼参考 【CSS】colorが効かない/文字色が変わらない原因と修正方法 【CSS】colorが効かない/文字色が変わらない原因と修正方法CSS colorが効かない/文字色が変わらない原因と修正方法を解説します。csshtml.work この場合はCSS全体を見直して、適切なセレクタや記述位置に修正する必要があるかもしれません。 09/18 23:30 返信 1 記入ミスしました Chrome #誤 .link a{ background: #95C8A6!; color:#F55C8F; } #正 .link a{ background: #95C8A6; color:#F55C8F; } です。 !は記入ミスです。申し訳ありません。 09/18 18:18 返信 1ページ中1ページ目 349 view 残り書き込み 9997 件 人気スレ position属性について。 2019年11月24日 13時46分 12 テンプレートが崩れてしまいます。 2022年11月18日 21時35分 13 :beforeのcontentで記号を表示したい 2021年08月09日 13時45分 1 アンケートについて 2020年02月25日 07時00分 4 関連スレ 掲示板TOPへ サイトTOPへ ALICE+サポート