CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS[属性]セレクターの使用法

[属性]セレクターを使用して、alt属性やターゲット属性などの属性を持つ要素を選択します。

次のコードを実行して、CSS[属性]セレクターを実装してみてください

例

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

  1. CSS子セレクター

    指定した要素の直接の子であるすべての要素を選択する場合は、子セレクターを使用します。 div > p 例 次のコードを実行して、CSS子セレクターを実装してみてください <!DOCTYPE html> <html>    <head>       <style>          div > p {             background-color: orange;

  2. CSS子孫セレクター

    CSSの子孫セレクターは、指定された要素の子孫であるすべての要素を照合するために使用されます。 例 次のコードを実行して、CSSDescendentSelectorを実装してみてください。 <!DOCTYPE html> <html>    <head>       <style>          div p {             background-color: orange