@charset "utf-8"; /* ---------------------------------------------- */ /* Chapter 12: Style Sheets for Mobile to Desktop */ /* Contains selector that use ARIA landmark */ /* roles instead of IDs */ /* ---------------------------------------------- */ /* NOTE: This is the same as global.css except any selector that referenced an ID (like #main) on an element that has an ARIA landmark role now references the landmark role instead in an attribute selector. For example: THIS #masthead { border-bottom: 2px dotted #1d3d76; } IS NOW THIS header[role="banner"] { border-bottom: 2px dotted #1d3d76; } As a refresher, this is possible because role="banner" is assigned to the header in finished-page-selectors-with-landmark-roles.html, as shown here: