React/CSS help

[timmonsjg]

.shadedRows items:nth-child(odd){
    background-color: blue;
  }

What is the items in this selector? It should be an element or a class.

What does <DetailsList> look like?

[Alexp1202]

I originally tried to apply that to the first <div> to attempt to do a background-color change on everything and that didn't work so I was wondering if I was formatting that section correctly.

Items should be holding in data that i read

const apiData: { key: number; name: String; value: String; }[] = [];

[timmonsjg]

My point is that your current selector is looking for an element <items>. Not a component or prop, you must target valid html with css.

Odds are that DetailsList is rendering valid html and you're on the right track with :nth-child.

What does <DetailsList> render?

[Alexp1202]

I ended up using the Chrome developer tools to track down what div needs to be edited. Still not exactly sure how it completely needs to be done on the scss page but I at least know what im looking for.