css应对不同浏览器的表示不同

前端显示对其在不同浏览器中显示不相同
其中class="mark"的表现在chorme和firefox中的表现不一项，
(firefox表示正常，而chorme中位置偏上)

目前设置CSS应对不同浏览器为下，可否请教该修改哪里

<div class="store-hour-selector">
                    <div class="store-hour-selector-label">
                      <h3 id="style">
                      
                        "">ー
                      
                    
                    <div class="store-hour-selector-label">
                      <span class="mark">
                    
                    <div class="store-hour-selector-label">
                      <h3 id="style">
                      
                        "">ー
                      
                    
                    <div class="store-hour-selector-label">
                      <h3 id="style">
                      
                        "">ー
                      
                    
                  

div.store-hour-selector-label .mark:before {
    content: '~';
    font-size: 24px;
    line-height: 0;
    position: absolute;
    bottom: 33px;
}

@-moz-document url-prefix() {
    div.store-hour-selector-label .mark:before {
        bottom: 23px;
    }
}

@supports (-ms-ime-align:auto) {
    div.store-hour-selector-label .mark:before {
        bottom: 23px;
    }
}

@supports (-ms-accelerator : true) {
    div.store-hour-selector-label .mark:before {
        bottom: 23px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    div.store-hour-selector-label .mark:before {
        bottom: 23px;
    }
}

@media screen\0, screen\9 {
    div.store-hour-selector-label .mark:before {
        bottom: 23px;
    }
}

@media (min-width: 1024px){
    div.store-hour-selector-label .mark:before {
        bottom: 23px;
    }
}

@media (min-width: 768px){
    div.store-hour-selector-label .mark:before {
        bottom: 23px;
    }
}

非常感谢

使用到浏览器特殊样式了吧，@-moz-document 这个样式只在Firefox下有效，将bottom改成了23px，Chrome还是默认的34px

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7627481
• 这篇博客你也可以参考下：微信小程序中CLASS类中加判断改变对应的CSS
• 除此之外, 这篇博客: css一个标签添加多个class的样式顺序问题中的 效果如图： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  

  会发现鼠标移到登录div样式并没有发生改变。但是明明登录和注册的样式是一起定义，且定义在.hover之前的。

   

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^