CSSを使用して属性値が指定した値で終わる要素を選択する

王林

リリース： 2023-09-05 08:05:11

転載

990 人が閲覧しました

CSSを使用して属性値が指定した値で終わる要素を選択する

属性値が指定した値で終わる要素を選択するには、[attribute$ = “value”] セレクターを使用します。

次のコードを実行して CSS [attribute$ = "value"] セレクターを実装してみることができます。

Example

ライブデモンストレーション

<!DOCTYPE html>
<html>
   <head>
      <style>
         [alt$ = Connect] {
            border: 5px solid blue;
            border-radius: 5px;
         }
      </style>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" height = "200" width = "200" alt = "Tutor Connect">
      <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" height = "200" width = "200" alt = "Tutorials Library">
   </body>
</html>

ログイン後にコピー

以上がCSSを使用して属性値が指定した値で終わる要素を選択するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：tutorialspoint.com

前の記事：LINK 要素におけるメディア属性の役割次の記事：CSSを使用してWebページのキャレットを非表示にする方法は?

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事