回答編集履歴

3 追記

s8_chu

s8_chu score 12457

2017/03/07 00:56  投稿

どのテキストかわかりませんが、質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが...
CSSでclassがtext1のtitle="テキスト1"の文字のところにスタイルを適応させたい時、というのは以下のような挙動でしょうか?
```HTML
<!DOCTYPE HTML>
<html>
<head>
   <meta charset="UTF-8">
   <title>タイトル</title>
   <style type="text/css">
       * {
           margin: 0;
           padding: 0;
       }
       .text1 a[title="テキスト1"]:hover {
           color: #ffff00;
       }
   </style>
</head>
<body>
<div class="text1">
   <a title="テキスト1">テキスト1</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="テキスト1">テキスト1</a>  
</div>  
<div class="text2">  
   <a title="テキスト2">テキスト2</a>  
</div>  
</body>  
</html>  
```
2 修正

s8_chu

s8_chu score 12457

2017/03/07 00:31  投稿

どのテキストかわかりませんが、質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが...
CSSでclassがtext1のtitle="テキスト1"の文字のところにスタイルを適応させたい時、というのは以下のような挙動でしょうか?
```HTML
<!DOCTYPE HTML>
<html>
<head>
   <meta charset="UTF-8">
   <title>タイトル</title>
   <style type="text/css">
       * {
           margin: 0;
           padding: 0;
       }
       a[title="テキスト1"]:hover {
       .text1 a[title="テキスト1"]:hover {
           color: #ffff00;
       }
   </style>
</head>
<body>
<div class="text1">
   <a title="テキスト1">テキスト1</a>
</div>
<div class="text2">
   <a title="テキスト2">テキスト2</a>
</div>
</body>
</html>
```
1 追記

s8_chu

s8_chu score 12457

2017/03/07 00:29  投稿

質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが...
どのテキストかわかりませんが、質問者さんのコードでは、テキストをホバーさせていない時にもテキストが表示されるのですが...
CSSでclassがtext1のtitle="テキスト1"の文字のところにスタイルを適応させたい時、というのは以下のような挙動でしょうか?
```HTML
<!DOCTYPE HTML>
<html>
<head>
   <meta charset="UTF-8">
   <title>タイトル</title>
   <style type="text/css">
       * {
           margin: 0;
           padding: 0;
       }
       a[title="テキスト1"]:hover {
           color: #ffff00;
       }
   </style>
</head>
<body>
<div class="text1">
   <a title="テキスト1">テキスト1</a>
</div>
<div class="text2">
   <a title="テキスト2">テキスト2</a>
</div>
</body>
</html>
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る