🐿
同じクラス名に一括でCSSを効かせる方法
作成日:
2024/02/12
0
先頭に同じ名前のある物に対して[class^="クラス名"]を使用する
例:
[class^="fv_bg_img"]{
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fv_bg_img1 {
background-image: url(../../assets/common/images/fv-bgi_01@2x.jpg);
}
.fv_bg_img2 {
background-image: url(../../assets/common/images/fv-bgi_02@2x.jpg);
}
.fv_bg_img3 {
background-image: url(../../assets/common/images/fv-bgi_03@2x.jpg);
}