The 'quickstart' guide provides a comprehensive overview of using id and class css selectors within the html code.
In order to link the map object to a specific div element, a target is required as an argument for the map object. This target value corresponds to the id of the div:
Contrary to other OpenLayers tutorials such as workshop code snippets, only the id selector is utilized.
While I am familiar with the concept of selectivity between classes and ids, there are recommendations to prioritize using classes over ids like those mentioned here: https://github.com/airbnb/css.
However, I am puzzled by the necessity of using both class and id selectors together for a relatively straightforward map-based application.
Despite conducting searches on OpenLayers Github pages, Stack Overflow, GIS-SE forums, etc., I have not found definitive guidance on this crucial aspect of integrating a map object.