tenho algumas divs onde seus Css são iguais, porém seus identificadores são diversos devido ao Jquery.
Preciso simplificar o CSS que se repetem. É possível?
Veja que são todos iguais.
<style>
#owl-demo .item{
background: #42bdc2;
padding: 3px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#owl-demo2 .item{
background: #42bdc2;
padding: 3px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#owl-demo3 .item{
background: #42bdc2;
padding: 3px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#owl-demo4 .item{
background: #42bdc2;
padding: 3px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#owl-demo5 .item{
background: #42bdc2;
padding: 3px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#owl-demo6 .item{
background: #42bdc2;
padding: 3px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#owl-demo7 .item{
background: #42bdc2;
padding: 3px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#owl-demo8 .item{
background: #42bdc2;
padding: 3px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#owl-demo9 .item{
background: #42bdc2;
padding: 3px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#div1 {
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: clip;
}
</style>