Obtuve sumValue, sumValueColor, de una clase a lwc js. y tengo que configurar sumValueColor en dos clases de CSS. Lo he hecho así.

js

 @wire(getData, { iId: '$contactId' }) GetData({data}){ if (data) { this.sumValue= data.sumValue; this.template.querySelector('div.sumValueColor1').style.setProperty('--sumValueColor', data.sumValueColor); this.template.querySelector('div.sumValueColor2').style.setProperty('--sumValueColor', data.sumValueColor); } }

CSS

 div.sumValueColor1 { color: var(--sumValueColor); } div.sumValueColor2 { color: var(--sumValueColor); }

html

 <template> <template if:true={hasChanges}> <div class="slds-grid slds-grid_align-center"> <div class="primary-num-text-large" > <div class="sumValueColor1" >{sumValue}</div> </div> </div> </template> <template if:false={hasChanges}> <div class="slds-grid slds-grid_align-center"> <div class="primary-num-text-medium" > <div class="sumValueColor2" >{sumValue}</div> </div> </div> <template>

Pero esto no funciona, el color no se refleja. ¿Cómo solucionarlo? alguien puede ayudar?

gracias serah