If i have
<div role="main"> </div>
How to style main with CSS? Or do I also need to add an identifier or class to the <div> ?
main
<div>
I would recommend adding an id or class. This is the most cross browser and efficient way.
If you cannot do this, you will need to use the attribute selector:
div[role="main"]