質問編集履歴
1
(1)(2)の完成形のコード追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -55,8 +55,33 @@
|
|
|
55
55
|
この構成で<li>内の<a>の適用範囲を下記2パターンで変更したいです。
|
|
56
56
|
|
|
57
57
|
(1)<li>の内側全体を<a>で囲むよう適用(既存<a>は<span>へ変更)
|
|
58
|
+
```lang-html
|
|
59
|
+
<li>
|
|
60
|
+
<a data-kz-track-on-click="････" href="･･････" class="hoge3">
|
|
61
|
+
<img･･････> 文字列文字列文字列文字列文字列
|
|
62
|
+
<div class="hoge1">
|
|
63
|
+
<h4>･･････</h4>
|
|
64
|
+
<dl>･･････ </dl>
|
|
65
|
+
<p>･･････</p>
|
|
66
|
+
<div class="hoge2"> <span class="hoge3">文字列文字列</span></div>
|
|
67
|
+
</div>
|
|
68
|
+
</a>
|
|
69
|
+
</li>
|
|
70
|
+
```
|
|
71
|
+
|
|
58
72
|
(2)<img>のみに追加適用(既存<a>はそのまま)
|
|
59
|
-
|
|
73
|
+
```lang-html
|
|
74
|
+
<li>
|
|
75
|
+
<a data-kz-track-on-click="････" href="･･････" class="hoge3"><img･･････></a>
|
|
76
|
+
文字列文字列文字列文字列文字列
|
|
77
|
+
<div class="hoge1">
|
|
78
|
+
<h4>･･････</h4>
|
|
79
|
+
<dl>･･････ </dl>
|
|
80
|
+
<p>･･････</p>
|
|
81
|
+
<div class="hoge2"> <a data-kz-track-on-click="････" href="･･････" class="hoge3">文字列文字列</a> </div>
|
|
82
|
+
</div>
|
|
83
|
+
</li>
|
|
84
|
+
```
|
|
60
85
|
<li>と<section>は動的に増減するため数は決まっていません。
|
|
61
86
|
<section>内に<ul>は１つ、<li>内の構成は共通です。
|
|
62
87
|
<a>の属性は「data-kz-track-on-click」「href」「class」全て継承が必要です。
|