Q&A
それが必要なら別に問題ないと思いますが・・・？
知りたいこと
いつも一つのclassにcssの処理を複数当ててしまう時があるが一つのクラスにcssの処理を何個まで以内にするべきか知りたい。
vue
1<html> 2<head> 3 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 4</head> 5 <body> 6 <ul id="example-1"> 7 <li class="obj" v-for="item in items"> 8 {{ item.message }} 9 </li> 10 </ul> 11 <script> 12 var example1 = new Vue({ 13 el: '#example-1', 14 data: { 15 items: [ 16 { message: 'サンプル1' }, 17 { message: 'サンプル2' }, 18 { message: 'サンプル3' }, 19 { message: 'サンプル4' }, 20 { message: 'サンプル5' }, 21 ] 22 } 23 }) 24 </script> 25 <style scoped> 26 .obj { 27 background-color: lightgray; 28 color:red; 29 display: inline-block; 30 margin-left: 10px; 31 width:150px; 32 text-align:center; 33 float: left; 34 margin: 10px; 35 } 36 </style> 37 </body> 38 </html> 39
提示のコードと質問タイトルが一致しません。
回答1件
ベストアンサー
あなたの回答
tips
プレビュー
