回答編集履歴
3
画像の差し替え
test
CHANGED
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
|
|
229
229
|
|
|
230
230
|
|
|
231
|
-
|
|
232
232
|
|
|
233
233
|
とりあえず，目的のメニューのデモは一通りできたので，お知らせします
|
|
234
234
|
|
2
追記
test
CHANGED
|
@@ -221,3 +221,19 @@
|
|
|
221
221
|
ちなみに，セマンティックなHTMLでやろうとすると，```:hover```だけでやる方法がおそらく最も詰みやすいので，もし心が折れた場合は，素直に```:checked```とか使いましょう^^
|
|
222
222
|
|
|
223
223
|
（ADVANCEDでいきなりセマンティックにやろうとしたのは痛恨のミス
|
|
224
|
+
|
|
225
|
+
|
|
226
|
+
|
|
227
|
+
# 追記（20180812）
|
|
228
|
+
|
|
229
|
+
|
|
230
|
+
|
|
231
|
+
|
|
232
|
+
|
|
233
|
+
とりあえず，目的のメニューのデモは一通りできたので，お知らせします
|
|
234
|
+
|
|
235
|
+
ちなみに，ページ内のタブ切替は```:checked```による作例の1つです．
|
|
236
|
+
|
|
237
|
+
divでやる人が多いと思うのですが，構造がつかみやすくなるので，```dl```,```dt```,```dd```で組みました
|
|
238
|
+
|
|
239
|
+
詳しい説明等は，今度Qiitaで記事を書いたときに，覚えていたら，URLを張りに来ようと思います
|
1
追記
test
CHANGED
|
@@ -195,3 +195,29 @@
|
|
|
195
195
|
# ZZZ...
|
|
196
196
|
|
|
197
197
|
( ˘ω˘)ｽﾔｧ
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
# 追記(20180811)
|
|
202
|
+
|
|
203
|
+
[https://thimbleprojects.org/liveasnotes/531595/](https://thimbleprojects.org/liveasnotes/531595/)
|
|
204
|
+
|
|
205
|
+
|
|
206
|
+
|
|
207
|
+
ところどころ妥協してますが，```:hover```でやるバージョンはこんな感じになりました
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
|
|
211
|
+
解説に使おうと思っていたデモコードが，左から初級・中級・上級のタブに分かれています．
|
|
212
|
+
|
|
213
|
+
説明もしっかり書きたいところですが，ここに書くには余白が狭すぎる（）ので，いったん省略し，コードを読んでいただいた上で，分からないところがあれば，逐一答えていくようにしようかと思います．
|
|
214
|
+
|
|
215
|
+
|
|
216
|
+
|
|
217
|
+
上記リンク先ページの右上にある「リミックス」ボタンを押すとコードの閲覧・編集ができます
|
|
218
|
+
|
|
219
|
+
また，このリンク先のページは今後も更新します（まだ```:target```と```:checked```のデモが未完成なので...）
|
|
220
|
+
|
|
221
|
+
ちなみに，セマンティックなHTMLでやろうとすると，```:hover```だけでやる方法がおそらく最も詰みやすいので，もし心が折れた場合は，素直に```:checked```とか使いましょう^^
|
|
222
|
+
|
|
223
|
+
（ADVANCEDでいきなりセマンティックにやろうとしたのは痛恨のミス
|