diff options
Diffstat (limited to 'files/ja')
| -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)  | 
