我已经定义了15个名为box1，box2，box3，... box15的类。如何在没有逗号分隔的情况下定义类？

Question

我已经定义了15个名为box1，box2，box3，... box15的类。所有类的样式属性都相同。如何在没有逗号分隔的情况下定义类名？

对于Now，我已经定义了如下类，

＆＃13;

＆＃13;

.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11,
.box12, .box13, .box14, .box15 {
     border: 2px solid black;
     height: 50px;
     width: 50px;
}

＆＃13;

＆＃13;

＆＃13;

稍后我想使用这个类来应用不同的悬停样式。

Answer 1

试试这个

div[class^="box"], div[class*=" box"] {
    border: 2px solid black;
     height: 50px;
     width: 50px;
}

基本上你是在尝试在css中搜索狂野角色。您可以查看更多here