"Le sélecteur :deep() dans Vue3 n'est pas valide lors de l'utilisation de la bibliothèque PrimeVue"
<p>J'utilise la bibliothèque vue3 et PrimeVue. Lorsque j'essaie de remplacer le champ CSS du composant PrimeView à l'aide du sélecteur <code>:deep()</code> Cela n'applique mes modifications que lorsque j'utilise des styles sans portée. Je ne comprends pas pourquoi cela ne fonctionne pas. </p>
<p>Exemple de code avec <code>:deep()</code>: </p>
<pre class="brush:js;toolbar:false;"><template>
<Position du toast='buttom-right'/>
</modèle>
<portée du style>
:deep(.p-toast-message-icône) {
marge droite : 10px !important ;
}
</style>
≪/pré>
<p>Cela ne fonctionne pas. </p>
<p>Mais lorsque vous utilisez <code>style</code> sans portée, comme ceci : </p>
<pre class="brush:js;toolbar:false;"><style>
.p-toast-message-icône {
marge droite : 10px !important ;
}
</style>
≪/pré>
<p>Ça marche. </p>
