CSS3属性选择器

来源：互联网发布：修改游戏数据编辑：程序博客网时间：2024/06/03 18:25
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <style>       /* img[alt="234"]{            margin: 20px;        }*/       /*!*img[alt^="2"]{  以2开头的img           margin: 20px;       }*/       /*img[alt$="4"]{!*以4结尾的img*!           margin: 20px;       }*/       img[alt~="1"]{/*包含1且有空格*/           margin: 40px;       }      /* img[alt*="3"]{!*包含3的所有img*!           margin: 20px;       }*/       img[alt|="1"]{/*包含1且1后有-分隔符*/           margin: 50px;       }        .divWidth{            width: 200px;        }        .divHeight{            height: 200px;        }        .divBg{            background-color: red;        }        div[class="a"]{            width: 300px;            height: 300px;            background-color: yellow;        }    </style>    <title>CSS3属性选择器</title></head><body><img src="../../img/coffee.jpg" alt="123"><img src="../../img/coffee.jpg" alt="1 23"><img src="../../img/coffee.jpg" alt="1-23"><img src="../../img/coffee.jpg" alt="234"><div class="divWidth divHeight divBg"></div><div class="a"></div></body></html>
0 0