vue--Click to change the style

When a link or element is selected, it is necessary to change its color or state, while the stylus provides & selector,& to the parent selector, which is used to determine when the parent element has reached a condition, the following example when the parent element Router-link has been selected (active) , the child elements change color and underline.

//HTML<router-link tag="Div" class="Tab-item"to="/recommend"> <spanclass="Tab-link"></span></router-link>//CSS. tab-Link padding-bottom:5px color: #fff&.router-link-Active. Tab-link color: #000Border-BOTTOM:2PX Solid #000

vue--Click to change the style