diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-03 19:59:35 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-13 09:56:21 +0900 |
commit | cf226742696b8ef0c12e17edfb62777226302f54 (patch) | |
tree | 3e878b95873927347008e609bd2987c6784a5f26 /files/ja/web/css/_colon_any-link/index.md | |
parent | a42ee55dffd89f6a8b4cd6dcb47273c8932df0fb (diff) | |
download | translated-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/index.md')
-rw-r--r-- | files/ja/web/css/_colon_any-link/index.md | 97 |
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"><a href="https://example.com">External link</a><br> -<a href="#">Internal target link</a><br> -<a>Placeholder link (won't get styled)</a></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) |