カテゴリー:
CSS
閲覧数:20 配信日:2024-08-30 20:48
はい、インラインスタイルでリンクの色を指定している場合でも、CSSで訪問済みリンクの色を適用することができます。ただし、インラインスタイルの指定が優先されるため、インラインスタイルで`color`を指定していると、訪問済みリンクの色が上書きされることがあります。
例えば、以下のようにインラインスタイルでリンクの色を指定している場合:
```html
<a href="https://example.com" style="color: blue;">Example Link</a>
```
この場合、CSSで訪問済みリンクの色を指定しても、インラインスタイルの`color: blue;`が優先されます。
もしインラインスタイルを使用せずにCSSで訪問済みリンクの色を指定したい場合は、インラインスタイルを削除し、CSSでスタイルを指定することをお勧めします。
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>訪問済みリンクの色を指定</title>
<style>
a {
color: blue; /* 通常のリンクの色 */
}
a:visited {
color: purple; /* 訪問済みリンクの色 */
}
</style>
</head>
<body>
<a href="https://example.com">Example Link</a>
</body>
</html>
```
このようにすることで、訪問済みリンクの色をCSSで適用することができます。