[关闭]
@Allen-miss 2019-04-25T07:32:26.000000Z 字数 484 阅读 379

一.CSS3选择器

CSS3 选择器

  1. id*div:表示所有id有div的都继承次属性

    1. [id*=div] {
    2.         color: lime;
    3.     }

  2. id^div：表示头部带有div的都继承次属性

    1. [id^=div] {
    2.         color: darkmagenta;
    3.     }
  3. id&=div:表示尾部带有div的继承此属性
  1. [id$=div] {
  2.             color: crimson;
  3.         }
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <script src="app.js"></script>
  7.     <style>
  8.         [id*=div] {
  9.             color: lime;
  10.         }
  12.         [id^=div] {
  13.             color: darkmagenta;
  14.         }
  16.         [id$=div] {
  17.             color: crimson;
  18.         }
  19.     </style>
  20. </head>
  21. <body>
  22. <div id="mydiv1">文本实例</div>
  23. <div id="div2">文本实例</div>
  24. <div id="div3">文本实例</div>
  25. <div id="mydiv">文本实例</div>
  26. </body>
  27. </html>
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注