css 通配符選擇器
阿新 • • 發佈:2019-02-28
http 元素 div rdquo https gre clas 分享 col
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>通配符</title> 6 <script src="https://unpkg.com/vue/dist/vue.js"></script> 7 <style type="text/css"> 8 /* 重點看這裏,選擇ID以“container_”開頭的元素 */ 9 [id^=‘container_‘]{ 10 background-color: darkseagreen; 11 } 12 </style> 13 </head> 14 <body> 15 <div id="app"> 16 <div v-for="i in 10"><p v-bind:id="‘container_‘+i"> {{i}} </p></div> 17 </div> 18 19 <script> 20 new Vue({ 21 el: ‘#app‘,22 data: {} 23 }) 24 </script> 25 </body> 26 </html>
css 通配符選擇器