<div id="main" role="main"> - старая разметка для различных устройств, <main> - новая. Как видите проще, не говоря о плохой практике использовать селекторы по ID в CSS. Она нужна как для поисковиков, так и для сторонних приложений, которые не знают где у вас в каше из <div> начинается основной контент, подлежащий индексации или выводу на экран.