Issue #2346791 by rpayanm, Palashvijay4 | thamas: Remove id selectors from...

Issue #2346791 by rpayanm, Palashvijay4 | thamas: Remove id selectors from page template of Seven  .

core/themes/seven/css/components/help.css

 /**
  * Help.
  */
-#help {
+.help {
   font-size: 0.923em;
 }
-#help p {
+.help p {
   margin: 0 0 10px;
 }
-#help div.more-help-link {
+.help div.more-help-link {
   text-align: right; /* LTR */
 }
-[dir="rtl"] #help div.more-help-link {
+[dir="rtl"] .help div.more-help-link {
   text-align: left;
 }

core/themes/seven/css/layout/layout.css

@@ -39,6 +39,6 @@
 /**
  * Add spacing to bottom of pages
  */
-#content {
+.page-content {
   margin-bottom: 80px;
 }

core/themes/seven/templates/page.html.twig

@@ -80,11 +80,11 @@
 
     {{ breadcrumb }}
 
-    <main id="content" class="clearfix" role="main">
+    <main class="page-content clearfix" role="main">
       <div class="visually-hidden"><a id="main-content" tabindex="-1"></a></div>
       {{ messages }}
       {% if page.help %}
-        <div id="help">
+        <div class="help">
           {{ page.help }}
         </div>
       {% endif %}
@@ -96,7 +96,7 @@
       {{ page.content }}
     </main>
     {% if feed_icons %}
-      <footer id="footer" role="contentinfo" class="layout-column">
+      <footer role="contentinfo" class="footer layout-column">
           {{ feed_icons }}
       </footer>
     {% endif %}