Webのコーディングについての質問です。同じclass内の画像と文字色と背景色を同時にフェードで

締切済

質問者：むくた
質問日時：2016/01/20 17:44
回答数：1件

Webのコーディングについての質問です。

同じclass内の画像と文字色と背景色を同時にフェードで切り替えるにはどうしたらいいのでしょうか？

簡単な文面で申し訳ありませんが、
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： ORUKA1951
回答日時：2016/01/22 11:16

そのようにセレクタを書けばよい!!!

div.nav ol li a[href="abc"]{}
div.nav ol li a[href="efg"]{}

4 構文と基本データ型( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
6 プロパティー値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
は、フェードとか、色とかのプロパティを学ぶより、先に学ばなければならない基礎ですよ。
足し算引き算ができないのに、微積分をつついているようなものです。

[重要]
classやidは文書構造を補完するものでデザインのためではありません。文書構造を示すためにclassが書かれていれば、それを利用すればよいというだけで、classなんてなくてもよい。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』

　上記だと
div.nav ol li a[href="abc"]
ナビゲーション(nav)クラスに所属するブロック(div)の子孫である序列リスト(Ordered List)の子孫のa要素のうちhref属性の値に/abcを持つ要素というセレクタになる。

サンプル
タブは＿に置換してあるので戻す。
とりあえずフェードインアウトを繰り返す。
<!doctype html>
<html>
<head>
＿<meta charset="utf-8">
＿<title>サンプル</title>
＿<meta name="description" content="">
＿<meta name="author" content="IRUKA">
＿<link rel="stylesheet" href="css/style.css">
<style media="screen">

</style>
</head>
<body>
＿<header>
＿＿<h1 id="title">Your title</h1>
＿＿<nav>
＿＿＿<ul>
＿＿＿＿<li><a href="/some">Some</a></li>
＿＿＿＿<li><a href="/nav">navigation</a></li>
＿＿＿＿<li><a href="/link">links</a></li>
＿＿＿</ul>
＿＿</nav>
＿</header>
＿<section>
＿＿<h2>A smaller heading</h2>
＿＿<p>
＿＿</p>
＿</section>
＿<footer>
＿＿<h3>A nice footer</h3>
＿</footer>
</body>
</html>