How to render HTML STYLE

[Grewer]

<View styleSheet={containerStyle}>
   <Text  id="text">{this.state.text}</Text>
</View>

text: <li>hello</li>

const containerStyle = `
  #text  li{
    color:'red';
   }

   LI{
     color:red;
   }
   
   UL{
     color:red;
   }
`

None of the above code works

If can, that's best

[a7ul]

Hi @Grewer
Sorry for the late reply

but you seem to be mixing rich text parts with the widget parts.

In order to style the richtext you ll need to specify the styles inside it since its scoped.

So your example would look like this:

 <View styleSheet={containerStyle}>
     <Text id="text">{`<li style=${containerStyle}>hello</li>`}</Text>
  </View>


const containerStyle = `
    color:'red';
`;

[a7ul]

Closing this issue.