首页 > Web开发 > 详细

css 通配符选择器

时间:2019-02-28 17:10:05      阅读:165      评论:0      收藏:0      [点我收藏+]
 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 通配符选择器

原文:https://www.cnblogs.com/DSH-/p/10451588.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!