s8_chu score 12457
2017/03/07 00:56 投稿
| どのテキストかわかりませんが、質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが... |
| CSSでclassがtext1のtitle="テキスト１"の文字のところにスタイルを適応させたい時、というのは以下のような挙動でしょうか？ |
| ```HTML |
| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <meta charset="UTF-8"> |
| <title>タイトル</title> |
| <style type="text/css"> |
| * { |
| margin: 0; |
| padding: 0; |
| } |
| .text1 a[title="テキスト１"]:hover { |
| color: #ffff00; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="text1"> |
| <a title="テキスト１">テキスト１</a> |
| </div> |
| <div class="text2"> |
| <a title="テキスト2">テキスト2</a> |
| </div> |
| </body> |
| </html> |
| ``` |
| 追記 |
| --- |
| ```HTML |
| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <meta charset="UTF-8"> |
| <title>タイトル</title> |
| <style type="text/css"> |
| * { |
| margin: 0; |
| padding: 0; |
| } |
| .text1 a[title]:hover::after { |
| display: block; |
| position: absolute; |
| top: 1.0em; |
| left: 1.0em; |
| width: 12em; |
| border: #000 solid 1px; |
| background: #fff; |
| color: #000; |
| content: attr(title); |
| z-index: 2; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="text1"> |
| <a title="テキスト１">テキスト１</a> |
| </div> |
| <div class="text2"> |
| <a title="テキスト2">テキスト2</a> |
| </div> |
| </body> |
| </html> |
| ``` |
s8_chu score 12457
2017/03/07 00:31 投稿
| どのテキストかわかりませんが、質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが... |
| CSSでclassがtext1のtitle="テキスト１"の文字のところにスタイルを適応させたい時、というのは以下のような挙動でしょうか？ |
| ```HTML |
| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <meta charset="UTF-8"> |
| <title>タイトル</title> |
| <style type="text/css"> |
| * { |
| margin: 0; |
| padding: 0; |
| } |
| a[title="テキスト１"]:hover { |
| .text1 a[title="テキスト１"]:hover { |
| color: #ffff00; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="text1"> |
| <a title="テキスト１">テキスト１</a> |
| </div> |
| <div class="text2"> |
| <a title="テキスト2">テキスト2</a> |
| </div> |
| </body> |
| </html> |
| ``` |
s8_chu score 12457
2017/03/07 00:29 投稿
| 質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが... |
| どのテキストかわかりませんが、質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが... |
| CSSでclassがtext1のtitle="テキスト１"の文字のところにスタイルを適応させたい時、というのは以下のような挙動でしょうか？ |
| ```HTML |
| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <meta charset="UTF-8"> |
| <title>タイトル</title> |
| <style type="text/css"> |
| * { |
| margin: 0; |
| padding: 0; |
| } |
| a[title="テキスト１"]:hover { |
| color: #ffff00; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="text1"> |
| <a title="テキスト１">テキスト１</a> |
| </div> |
| <div class="text2"> |
| <a title="テキスト2">テキスト2</a> |
| </div> |
| </body> |
| </html> |
| ``` |
