Pタグ内のリンクの装飾について

Question

未熟な私に教えてください。。。。。。

###前提・実現したいこと
HTML CSSでaタグの装飾をしたい。

###発生している問題・エラーメッセージ

p タグの中のaタグの文字を赤くするために以下の記述を行ったが、
fugaが赤くならない。

###該当のソースコード

<p class="txt">hozi<a href="super.html" target="blank">fuga</a>hoge</p>

p a { 
	color: #ff0000; 
}

###試したこと

<p class="txt">hozi<a href="super.html" target="blank">fuga</a>hoge</p>

.txt a { 
	color: #ff0000; 
}

上記でも試したが赤にならずです。

###補足情報(言語/FW/ツール等のバージョンなど)
使用言語 HTML5 CSS3
CSSは問題なく読み込まれている模様。

Answer 1

動くサンプル：https://jsfiddle.net/t99djhv5/

問題なく赤くなりますよ。
他のスタイルがあたっているのでは？

【スタイルの優先順位－CSSの基本】
http://www.htmq.com/csskihon/007.shtml

【!importantはもう使わない！CSSの優先順位をおさらいしよう | アライドアーキテクツのクリエイターブログ】
http://creator.aainc.co.jp/archives/4947

【CSSが効かないときの優先順位チェック(2)～id・class編】
https://naifix.com/css-priority-2/

---

デベロッパーツールで当該要素を見れば何が上書きしているかわかると思います。

【開発者ツールを使おう！ カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/

【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01

【第1回 詳説：デベロッパーツールの使い方：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社】
http://gihyo.jp/dev/feature/01/devtools/0001?page=2

Comments

[退会済みユーザー]

ありがとうございました。ツールを活用して切り分けながら記述していきます。

Answer 2

いずれもリンク文言「fuga」が赤色になるのを確認できました。
当該指定のあとで!importantをつけて色をつけたりとかしてませんか？

Comments

[退会済みユーザー]

ご回答いただきありがとうございます。!importantつけて反映してみます。

[m.ts10806]

あ、えっと、「つけてみてください」ではなく、他に影響がありそうなCSSに!important指定はないですか？という確認でした。

Answer 3

確認しましたが、ちゃんとできていると思います、、

実装サンプル

Comments

[退会済みユーザー]

ご回答いただきありがとうございます。こちらのサイト活用させていただきます。