Html 多重转换不工作（SCSS/CSS）

如何将两个转换组合在一起在css3上同时工作？我现在用的是指南针

代码如下：

.team-member
{
    @include transition(color .25s linear, border .8s ease-in-out, border-color .8s ease-in-out);
    @include transition(color .25s linear, background-color .8s ease-in-out, background-color .8s ease-in-out);
    border-bottom: 6px solid $section-bg-color-default;
    background-color: $section-bg-color-default;    
}

.team-member:hover
{
    @include transition(color .25s linear, border .8s ease-in-out, border-color .8s ease-in-out);
    @include transition(color .25s linear, background-color .8s ease-in-out, background-color .8s ease-in-out);
    border-bottom: 6px solid $primary-accent-color;
    background-color: rgba(172,0,118,.08);
}

---

背景转换正常工作，但边框不正常。

转换与任何其他CSS属性一样，会被其后的任何内容覆盖。所以基本上你的边界转换被背景色转换完全覆盖了。把他们放在同一条线上

.team-member
{
    @include transition(color .25s linear, background-color .8s ease-in-out, background-color .8s ease-in-out, border .8s ease-in-out, border-color .8s ease-in-out);
    border-bottom: 6px solid $section-bg-color-default;
    background-color: $section-bg-color-default;    
}

.team-member:hover
{
    @include transition(color .25s linear, background-color .8s ease-in-out, background-color .8s ease-in-out, border .8s ease-in-out, border-color .8s ease-in-out);
    border-bottom: 6px solid $primary-accent-color;
    background-color: rgba(172,0,118,.08);
}

---

谢谢你提供的信息@jnatazia我没想到它可以合并在同一行中。