Please look at my code, why can't I access the 2nd div in #main'e via a pseudo-element?

Question

css

https://jsfiddle.net/wegs84rx/59/

Answer 1

I agree with George Luxurious , don't be smart, make it a picture, while CSS is not ideally able to do this, there will be flaws, and spend time making it a background, the best solution and it's not so critical in this example.

Answer 2

Triangles via CSS

Answer 3

https://codepen.io/MaximLensky/full/oGOgBo/ I don't claim to be 100% correct

Answer 4

Inline styles have a maximum weight, to override them you need to apply !important and nth-child is not a pseudo element, it's a pseudo class.