teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

3

追記

2017/03/06 15:56

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -26,4 +26,43 @@
26
26
  </div>
27
27
  </body>
28
28
  </html>
29
+ ```
30
+
31
+ 追記
32
+ ---
33
+ ```HTML
34
+ <!DOCTYPE HTML>
35
+ <html>
36
+ <head>
37
+ <meta charset="UTF-8">
38
+ <title>タイトル</title>
39
+ <style type="text/css">
40
+ * {
41
+ margin: 0;
42
+ padding: 0;
43
+ }
44
+
45
+ .text1 a[title]:hover::after {
46
+ display: block;
47
+ position: absolute;
48
+ top: 1.0em;
49
+ left: 1.0em;
50
+ width: 12em;
51
+ border: #000 solid 1px;
52
+ background: #fff;
53
+ color: #000;
54
+ content: attr(title);
55
+ z-index: 2;
56
+ }
57
+ </style>
58
+ </head>
59
+ <body>
60
+ <div class="text1">
61
+ <a title="テキスト1">テキスト1</a>
62
+ </div>
63
+ <div class="text2">
64
+ <a title="テキスト2">テキスト2</a>
65
+ </div>
66
+ </body>
67
+ </html>
29
68
  ```

2

修正

2017/03/06 15:56

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -12,7 +12,7 @@
12
12
  padding: 0;
13
13
  }
14
14
 
15
- a[title="テキスト1"]:hover {
15
+ .text1 a[title="テキスト1"]:hover {
16
16
  color: #ffff00;
17
17
  }
18
18
  </style>

1

追記

2017/03/06 15:31

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -1,4 +1,4 @@
1
- 質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが...
1
+ どのテキストかわかりませんが、質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが...
2
2
  CSSでclassがtext1のtitle="テキスト1"の文字のところにスタイルを適応させたい時、というのは以下のような挙動でしょうか?
3
3
  ```HTML
4
4
  <!DOCTYPE HTML>