CSS中,我們經常會使用“.”來定義類名,但是在某些情況下,我們需要去掉前面的“.”。
.box { /*這里我們定義一個帶有“.”的類名*/ display: flex; justify-content: center; } div.box { /*這里我們前面加上div選擇器,就去掉了前面的“.”*/ display: flex; justify-content: center; }
在上面的例子中,我們使用了“div.box”來表示要選擇帶有“box”類名的div元素,去掉了前面的“.”。
除了使用選擇器的方式去掉前面的“.”,我們還可以考慮使用“@keyframes”等方式。當然,選擇器的方式更加簡單明了。
@keyframes anim { /*定義一個動畫*/ to {opacity: 0;} } .box { animation: anim 1s; } div.box { animation: anim 1s; }
在上面的例子中,我們定義了一個動畫“@keyframes anim”,在使用動畫的時候,同樣可以通過選擇器去掉前面的“.”。
總的來說,CSS中去掉前面的“.”有多種方式,選擇器是比較通用的方式,而且十分簡單實用。
上一篇運動主題css模板