aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/css/_colon_any-link
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2022-01-03 19:59:35 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2022-01-13 09:56:21 +0900
commitcf226742696b8ef0c12e17edfb62777226302f54 (patch)
tree3e878b95873927347008e609bd2987c6784a5f26 /files/ja/web/css/_colon_any-link
parenta42ee55dffd89f6a8b4cd6dcb47273c8932df0fb (diff)
downloadtranslated-content-cf226742696b8ef0c12e17edfb62777226302f54.tar.gz
translated-content-cf226742696b8ef0c12e17edfb62777226302f54.tar.bz2
translated-content-cf226742696b8ef0c12e17edfb62777226302f54.zip
2021/08/13 時点の英語版に同期
Diffstat (limited to 'files/ja/web/css/_colon_any-link')
-rw-r--r--files/ja/web/css/_colon_any-link/index.md97
1 files changed, 50 insertions, 47 deletions
diff --git a/files/ja/web/css/_colon_any-link/index.md b/files/ja/web/css/_colon_any-link/index.md
index 661d3a66de..2d9853ac94 100644
--- a/files/ja/web/css/_colon_any-link/index.md
+++ b/files/ja/web/css/_colon_any-link/index.md
@@ -1,40 +1,49 @@
---
title: ':any-link'
-slug: 'Web/CSS/:any-link'
+slug: Web/CSS/:any-link
tags:
+ - ':any-link'
- CSS
- - CSS 疑似クラス
- - Experimental
- - Reference
- - Web
- - セレクター
+ - 実験的
- レイアウト
-translation_of: 'Web/CSS/:any-link'
+ - リンク
+ - 擬似クラス
+ - リファレンス
+ - セレクター
+ - ウェブ
+ - ハイパーリンク
+browser-compat: css.selectors.any-link
+translation_of: Web/CSS/:any-link
---
-<div>{{CSSRef}}</div>
+{{CSSRef}}
-<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>:any-link</code></strong> <a href="/ja/docs/Web/CSS/Pseudo-classes">疑似クラス</a>セレクターは、訪問の有無とは独立したソースアンカーとして振る舞う要素を表します。言い換えれば、 <code>href</code> 属性を持つすべての {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}} の各要素を選択します。つまり、 {{cssxref(":link")}} または {{cssxref(":visited")}} に一致するすべての要素を選択します。</p>
+**`:any-link`** は [CSS](/ja/docs/Web/CSS) の[擬似クラス](/ja/docs/Web/CSS/Pseudo-classes)セレクターで、訪問の有無とは独立したソースアンカーとして振る舞う要素を表します。言い換えれば、 `href` 属性を持つすべての {{HTMLElement("a")}} または {{HTMLElement("area")}} 要素を選択します。つまり、 {{cssxref(":link")}} または {{cssxref(":visited")}} に一致するすべての要素を選択します。
-<pre class="brush: css no-line-numbers">/* :link または :visited に該当するすべての要素を選択 */
+```css
+/* :link または :visited に該当するすべての要素を選択 */
:any-link {
color: green;
-}</pre>
+}
+```
-<h2 id="Syntax" name="Syntax">構文</h2>
+## 構文
{{csssyntax}}
-<h2 id="Example" name="Example">例</h2>
+## 例
-<h3 id="HTML">HTML</h3>
+### HTML
-<pre class="brush: html">&lt;a href="https://example.com"&gt;External link&lt;/a&gt;&lt;br&gt;
-&lt;a href="#"&gt;Internal target link&lt;/a&gt;&lt;br&gt;
-&lt;a&gt;Placeholder link (won't get styled)&lt;/a&gt;</pre>
+```html
+<a href="https://example.com">External link</a><br>
+<a href="#">Internal target link</a><br>
+<a>Placeholder link (won't get styled)</a>
+```
-<h3 id="CSS">CSS</h3>
+### CSS
-<pre class="brush: css">a:any-link {
+```css
+a:any-link {
border: 1px solid blue;
color: orange;
}
@@ -44,31 +53,25 @@ a:-webkit-any-link {
border: 1px solid blue;
color: orange;
}
-</pre>
-
-<h3 id="Result" name="Result">結果</h3>
-
-<p>{{EmbedLiveSample('Example')}}</p>
-
-<h2 id="Specifications" name="Specifications">仕様書</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">仕様書</th>
- <th scope="col">状態</th>
- <th scope="col">備考</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("CSS4 Selectors", "#the-any-link-pseudo", ":any-link")}}</td>
- <td>{{Spec2('CSS4 Selectors')}}</td>
- <td>初回定義</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
-
-<p>{{Compat("css.selectors.any-link")}}</p>
+```
+
+### 結果
+
+{{EmbedLiveSample('Examples')}}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [ハイパーリンクの作成](/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks)
+- 一致する HTML 要素: [`<a>`](/ja/docs/Web/HTML/Element/a) および [`<area>`](/ja/docs/Web/HTML/Element/area) に {{htmlattrxref("href", "a")}} 属性が付いたもの
+- 関連する CSS セレクター:
+
+ - [`:visited`](/ja/docs/Web/CSS/:visited)
+ - [`:link`](/ja/docs/Web/CSS/:link)