From cf226742696b8ef0c12e17edfb62777226302f54 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 3 Jan 2022 19:59:35 +0900 Subject: 2021/08/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/_colon_any-link/index.md | 97 ++++++++++++++++--------------- 1 file changed, 50 insertions(+), 47 deletions(-) (limited to 'files/ja/web/css') 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 --- -
{{CSSRef}}
+{{CSSRef}} -

CSS:any-link 疑似クラスセレクターは、訪問の有無とは独立したソースアンカーとして振る舞う要素を表します。言い換えれば、 href 属性を持つすべての {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}} の各要素を選択します。つまり、 {{cssxref(":link")}} または {{cssxref(":visited")}} に一致するすべての要素を選択します。

+**`:any-link`** は [CSS](/ja/docs/Web/CSS) の[擬似クラス](/ja/docs/Web/CSS/Pseudo-classes)セレクターで、訪問の有無とは独立したソースアンカーとして振る舞う要素を表します。言い換えれば、 `href` 属性を持つすべての {{HTMLElement("a")}} または {{HTMLElement("area")}} 要素を選択します。つまり、 {{cssxref(":link")}} または {{cssxref(":visited")}} に一致するすべての要素を選択します。 -
/* :link または :visited に該当するすべての要素を選択 */
+```css
+/* :link または :visited に該当するすべての要素を選択 */
 :any-link {
   color: green;
-}
+} +``` -

構文

+## 構文 {{csssyntax}} -

+## 例 -

HTML

+### 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>
+```html +External link
+Internal target link
+Placeholder link (won't get styled) +``` -

CSS

+### 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;
 }
-
- -

結果

- -

{{EmbedLiveSample('Example')}}

- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("CSS4 Selectors", "#the-any-link-pseudo", ":any-link")}}{{Spec2('CSS4 Selectors')}}初回定義
- -

ブラウザーの対応

- -

{{Compat("css.selectors.any-link")}}

+``` + +### 結果 + +{{EmbedLiveSample('Examples')}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [ハイパーリンクの作成](/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) +- 一致する HTML 要素: [``](/ja/docs/Web/HTML/Element/a) および [``](/ja/docs/Web/HTML/Element/area) に {{htmlattrxref("href", "a")}} 属性が付いたもの +- 関連する CSS セレクター: + + - [`:visited`](/ja/docs/Web/CSS/:visited) + - [`:link`](/ja/docs/Web/CSS/:link) -- cgit v1.2.3-54-g00ecf