How to apply a css class to a child element of a component with javascript?

Question

I have a component called <PDFDownloadLink> I need to change the child <a> that he owns.

With syntax css I would do something like:

PDFDownloadLink a {

}

How could do the similar with js?

My styles are currently created with:

const styles = StyleSheet.create({

    PDFDownloadLink : {
       ...
    }

Answer 1

just need to do this:

const styles = StyleSheet.create({

    PDFDownloadLink : {
       '& a': {
           ...
       }
    }
)}

I hope I’ve helped.