How to reuse styles?

前端 未结 9 1445
孤城傲影
孤城傲影 2021-02-12 14:36

Back in the past I learned a lot about CSS but now I can\'t remember how to reuse styles.

Example:

I have some tabs with class tab and I can switch

9条回答
  •  谎友^
    谎友^ (楼主)
    2021-02-12 15:24

    You can combine .active into .tab and override the parts that need to change like this:

    .tab, .active {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 15px 0 15px 0;
        border: solid thin #CCC;
        text-align: center;
        font-weight: bold;
        margin-bottom: 10px;
        color: #272F42;
        cursor: pointer;
        background-color: white;
    }
    
    .active {
        cursor: default;
        background-color: #FFCF75;
    }
    

提交回复
热议问题