Bárhogy is próbálkozom, nem megy, íme:
<div class="text text-center">
<p class="cosmic-links" v-html="infoText"></p>
</div>
Így néz ki a cosmicjs-ban
<p>Some info</p>
<p>Some links to visit <a href="www.google.com" rel="noopener noreferrer" target="_blank">FAQ</a></p>
Amivel próbálkozom:
.cosmic-links >>> a{
color:red;
}
A vue-loader dokumentuma szerint (forrás):
Előfordulhat, hogy egyes előfeldolgozók, például a Sass, nem tudják megfelelően értelmezni a ››› elemet. Ilyen esetekben használhatja a /deep/ vagy a ::v-deep kombinátort – mindkettő a ››› álneve, és pontosan ugyanúgy működik.
Előprocesszorral a Sass /deep/ vagy ::v-deepnek működnie kell:
.cosmic-links /deep/ a {
color: red;
}
Gyors Sandbox
