###前提・実現したいこと
よろしくお願いいたします。
現在HTMLの学習中で、aside(補足情報)タグ内のリンクについてcssで編集したいのですが、問題が出ております。
実現したいことは、
「aside内のリンク(の文字列)だけ違う設定を反映したい」
です。
###発生している問題・エラーメッセージ
具体的には以下の通りです。 1.CSSファイル内で、aタグ全体について文字色等を設定する。 2.同じCSSファイル内で、asideのaタグを指定して文字色等を設定する。 3.目的が達成できない。(全体のaタグの設定のみ反映されている)
###該当のソースコード
HTML5
1<略> 2/* Link */ 3a {color:sandybrown;} 4a:hover {color: crimson} 5a:visited {color: chocolate} 6a:active {color: pink} 7<略> 8/* 関連記事 */ 9aside {clear: both; 10 border: solid 2px firebrick; 11 border-radius: 5px; 12 padding: 10px; 13 background-color: azure} 14 15aside h1 {font-family: 'Audiowide', cursive; 16 border-bottom: dashed 1px firebrick} 17 18aside ul {list-style-image: url(l.jpg);} 19 20aside a {color: red; 21 text-decolation: none;}
###試したこと
検索を通し、cssは後に書いた設定が反映される(上書きされる)と出てきたので、
asideの設定文をcssファイルの最後尾に位置させ優先的に読み込ませようとしましたが、
うまくいきません。
また、参考書を使用しているのですが、見比べてみても違いがわかりません。
そのほかの対処法は、現状知識不足で思いつきません。
###補足情報(言語/FW/ツール等のバージョンなど)
ブラウザ:Chrome
編集ソフト:サクラエディタ
参考資料:HTML5&CSS3レッスンブック(ソシム社/エビスコム著)Step4_2辺り
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。