子元素p权重不如父级font-size显示错误问题

Question

这里p为什么权重没那个高

.elect-job {
    .swiper-container {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        font-size: .48rem;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        transform: scale(0.8);
        a {
            display: block;
            width: 9.0133rem;
            height: 10.0267rem;
            img {
                width: 100%;
                 height: 100%;
            }
            p {
                width: 9.0133rem;
                font-size: .5333rem;
            }
        }
      }

p最终font-size显示.48rem权重明明是p大啊
这是为什么求解？

Answer 1

你的p标签是在a标签下级吗？