CSS 中的 `!important` 规则用于增加样式的权重

64 阅读1分钟

!important 与优先级无关,但它与最终的结果直接相关,使用一个 !important 规则时,此声明将覆盖任何其他声明。

                <view class="foot">
                        <view class="collect">
                                <view class="collectText">
                                        <image src="../../static/mine/collect.png" mode=""></image>
                                        我的收藏
                                </view>
                                <image src="../../static/mine/returnBnt.png" mode=""></image>
                        </view>
                        <view class="shop">
                                <view class="shopText">
                                        <image src="../../static/mine/shop.png" mode=""></image>
                                        我的购买
                                </view>
                                <image src="../../static/mine/returnBnt.png" mode=""></image>
                        </view>
                        <view class="invite">
                                <view class="inviteText">
                                        <image src="../../static/mine/invite.png" mode=""></image>
                                        我的邀请码/邀请成功获取10次免费观影
                                </view>
                                <image src="../../static/mine/returnBnt.png" mode=""></image>
                        </view>
                        <view class="authentication">
                                <view class="authenticationText">
                                        <image src="../../static/mine/Authentication.png" mode=""></image>
                                        免费认证/获取20次免费观影
                                </view>
                                <image src="../../static/mine/returnBnt.png" mode=""></image>
                        </view>
                </view>

.foot>view  {
/* 全部定义边框 */
        border-bottom:1rpx solid rgba(255,255,255,0.3);
}
/* !important加强权重 */
.authentication {
/* 去掉下边框 */
        border-bottom:1rpx solid rgba(255,255,255,0)!important;
 }