diff --git a/core/misc/dropbutton/dropbutton.css b/core/misc/dropbutton/dropbutton.css
index 5990514..b6e6131 100644
--- a/core/misc/dropbutton/dropbutton.css
+++ b/core/misc/dropbutton/dropbutton.css
@@ -11,14 +11,14 @@
 .dropbutton-wrapper div {
   box-sizing: border-box;
 }
-.js .dropbutton-wrapper,
-.js .dropbutton-widget {
+.dropbutton-wrapper,
+.dropbutton-widget {
   display: block;
   position: relative;
 }
 
 @media screen and (max-width:600px) {
-  .js .dropbutton-wrapper {
+  .dropbutton-wrapper {
     width: 100%;
   }
 }
@@ -32,50 +32,50 @@
     float: right;
   }
 }
-.js .form-actions .dropbutton-widget {
+.form-actions .dropbutton-widget {
   position: static;
 }
-.js td .dropbutton-widget {
+td .dropbutton-widget {
   position: absolute;
 }
-.js td .dropbutton-wrapper {
+td .dropbutton-wrapper {
   min-height: 2em;
 }
-.js td .dropbutton-multiple {
+td .dropbutton-multiple {
   padding-right: 10em; /* LTR */
   margin-right: 2em; /* LTR */
   max-width: 100%;
 }
-[dir="rtl"].js td .dropbutton-multiple {
+td .dropbutton-multiple {
   padding-right: 0;
   margin-right: 0;
   padding-left: 10em;
   margin-left: 2em;
 }
-.js td .dropbutton-multiple .dropbutton-action a,
-.js td .dropbutton-multiple .dropbutton-action input,
-.js td .dropbutton-multiple .dropbutton-action button {
+td .dropbutton-multiple .dropbutton-action a,
+td .dropbutton-multiple .dropbutton-action input,
+td .dropbutton-multiple .dropbutton-action button {
   width: auto;
 }
 
 /* UL styles are over-scoped in core, so this selector needs weight parity. */
-.js .dropbutton-widget .dropbutton {
+.dropbutton-widget .dropbutton {
   list-style-image: none;
   list-style-type: none;
   margin: 0;
   overflow: hidden;
   padding: 0;
 }
-.js .dropbutton li,
-.js .dropbutton a {
+.dropbutton li,
+.dropbutton a {
   display: block;
   outline: none;
 }
 
-.js .dropbutton li:hover,
-.js .dropbutton li:focus,
-.js .dropbutton a:hover,
-.js .dropbutton a:focus {
+.dropbutton li:hover,
+.dropbutton li:focus,
+.dropbutton a:hover,
+.dropbutton a:focus {
   outline: initial;
 }
 
@@ -89,10 +89,10 @@
  * The arrow is created using border on a zero-width, zero-height span.
  * The arrow inherits the link color, but can be overridden with border colors.
  */
-.js .dropbutton-multiple .dropbutton-widget {
+.dropbutton-multiple .dropbutton-widget {
   padding-right: 2em; /* LTR */
 }
-.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget {
+.dropbutton-multiple .dropbutton-widget {
   padding-left: 2em;
   padding-right: 0;
 }
diff --git a/core/modules/system/css/components/autocomplete-loading.module.css b/core/modules/system/css/components/autocomplete-loading.module.css
index 40d3323..c189b4a 100644
--- a/core/modules/system/css/components/autocomplete-loading.module.css
+++ b/core/modules/system/css/components/autocomplete-loading.module.css
@@ -5,18 +5,18 @@
  * @see autocomplete.js
  */
 
-.js input.form-autocomplete {
+input.form-autocomplete {
   background-image: url(../../../../misc/throbber-inactive.png);
   background-position: 100% center; /* LTR */
   background-repeat: no-repeat;
 }
-.js[dir="rtl"] input.form-autocomplete {
+input.form-autocomplete {
   background-position: 0% center;
 }
-.js input.form-autocomplete.ui-autocomplete-loading {
+input.form-autocomplete.ui-autocomplete-loading {
   background-image: url(../../../../misc/throbber-active.gif);
   background-position: 100% center; /* LTR */
 }
-.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
+input.form-autocomplete.ui-autocomplete-loading {
   background-position: 0% center;
 }
diff --git a/core/modules/system/css/components/details.module.css b/core/modules/system/css/components/details.module.css
index 23ee3b4..ec88de1 100644
--- a/core/modules/system/css/components/details.module.css
+++ b/core/modules/system/css/components/details.module.css
@@ -5,6 +5,6 @@
  * @see collapse.js
  */
 
-.js details:not([open]) .details-wrapper {
+details:not([open]) .details-wrapper {
   display: none;
 }
diff --git a/core/modules/system/css/components/js.module.css b/core/modules/system/css/components/js.module.css
index f827020..695fe75 100644
--- a/core/modules/system/css/components/js.module.css
+++ b/core/modules/system/css/components/js.module.css
@@ -7,7 +7,7 @@
  * For anything you want to hide on page load when JS is enabled, so
  * that you can use the JS to control visibility and avoid flicker.
  */
-.js .js-hide {
+.js-hide {
   display: none;
 }
 
@@ -17,6 +17,6 @@
 .js-show {
   display: none;
 }
-.js .js-show {
+.js-show {
   display: block;
 }
diff --git a/core/modules/system/css/system.maintenance.css b/core/modules/system/css/system.maintenance.css
index 8b142cc..6f3aa89 100644
--- a/core/modules/system/css/system.maintenance.css
+++ b/core/modules/system/css/system.maintenance.css
@@ -33,10 +33,10 @@
   display: none;
   clear: both;
 }
-.js #edit-submit-connection {
+#edit-submit-connection {
   display: none;
 }
-.js #edit-submit-process {
+#edit-submit-process {
   display: block;
 }
 
diff --git a/core/modules/views_ui/css/views_ui.admin.theme.css b/core/modules/views_ui/css/views_ui.admin.theme.css
index 4ab55c4..2a8d967 100644
--- a/core/modules/views_ui/css/views_ui.admin.theme.css
+++ b/core/modules/views_ui/css/views_ui.admin.theme.css
@@ -761,29 +761,29 @@ td.group-title {
 .dropbutton-widget {
   position: relative;
 }
-.js .views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action > * {
+.views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action > * {
   font-size: 10px;
 }
-.js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
+.dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
   position: absolute;
   right: -5px; /* LTR */
   top: -1px;
   z-index: 2;
 }
-[dir="rtl"].js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
+.dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
   left: -5px;
   right: auto;
 }
-.js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
+.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
   border-radius: 1.1em 0 0 0; /* LTR */
 }
-[dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
+.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
   border-radius: 0 1.1em 0 0;
 }
-.js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
+.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
   border-radius: 0 0 0 1.1em; /* LTR */
 }
-[dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
+.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
   border-radius: 0 0 1.1em 0;
 }
 .views-display-top .dropbutton-wrapper {
diff --git a/core/modules/views_ui/css/views_ui.contextual.css b/core/modules/views_ui/css/views_ui.contextual.css
index 13db2d2..3e8b985 100644
--- a/core/modules/views_ui/css/views_ui.contextual.css
+++ b/core/modules/views_ui/css/views_ui.contextual.css
@@ -14,7 +14,7 @@
 [dir="rtl"] .views-live-preview .contextual {
   left: auto;
 }
-.js .views-live-preview .contextual {
+.views-live-preview .contextual {
   display: inline;
 }
 .views-live-preview .contextual-links-trigger {
diff --git a/core/themes/bartik/color/preview.css b/core/themes/bartik/color/preview.css
index ac561d3..6f165d7 100644
--- a/core/themes/bartik/color/preview.css
+++ b/core/themes/bartik/color/preview.css
@@ -1,5 +1,5 @@
 /* ---------- Preview Styles ----------- */
-.js .color-preview {
+.color-preview {
   clear: both;
   float: none !important;
 }
diff --git a/core/themes/bartik/css/components/dropbutton.component.css b/core/themes/bartik/css/components/dropbutton.component.css
index db55965..a61c0d1 100644
--- a/core/themes/bartik/css/components/dropbutton.component.css
+++ b/core/themes/bartik/css/components/dropbutton.component.css
@@ -3,11 +3,11 @@
  * Visual styles for Bartik's dropbutton component.
  */
 
-.js .dropbutton-wrapper .dropbutton-widget {
+.dropbutton-wrapper .dropbutton-widget {
   /* This is required to win over specifity of .js td .dropbutton-widget */
   position: relative;
 }
-.js .dropbutton-widget {
+.dropbutton-widget {
   border: 1px solid;
   border-color: #e4e4e4 #d2d2d2 #b4b4b4 #d2d2d2;
   background-color: #fff;
@@ -20,38 +20,38 @@
   border-radius: 1em;
   overflow: hidden;
 }
-.js .dropbutton-widget:hover {
+.dropbutton-widget:hover {
   border-color: #e4e4e4 #d2d2d2 #b4b4b4 #d2d2d2;
 }
-.js .dropbutton-widget .button {
+.dropbutton-widget .button {
   border: none;
   margin: 0;
   padding: 0.32em 1em;
   background: transparent none;
 }
-.js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
+.dropbutton-multiple .dropbutton-widget .dropbutton-action a {
   margin-right: 0; /* LTR */
 }
-[dir="rtl"].js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
+.dropbutton-multiple .dropbutton-widget .dropbutton-action a {
   margin-left: 0;
 }
-.js .dropbutton .secondary-action {
+.dropbutton .secondary-action {
   border-top-color: #ccc;
 }
-.js .dropbutton-toggle button {
+.dropbutton-toggle button {
   background-color: #e8e8e8;
   background-image: -webkit-linear-gradient(top, #e8e8e8, #d2d2d2);
   background-image: linear-gradient(to bottom, #e8e8e8, #d2d2d2);
 }
-.js .dropbutton-toggle .dropbutton-arrow:hover {
+.dropbutton-toggle .dropbutton-arrow:hover {
   background: #ccc;
 }
-.js .dropbutton a {
+.dropbutton a {
   color: #3a3a3a;
   border-bottom: 0 none;
 }
-.js .dropbutton .dropbutton-action:hover,
-.js .dropbutton a:hover {
+.dropbutton .dropbutton-action:hover,
+.dropbutton a:hover {
   background: #dedede;
   border-bottom: 0 none;
 }
diff --git a/core/themes/classy/css/components/dropbutton.css b/core/themes/classy/css/components/dropbutton.css
index cf8c40a..5bce11c 100644
--- a/core/themes/classy/css/components/dropbutton.css
+++ b/core/themes/classy/css/components/dropbutton.css
@@ -3,11 +3,11 @@
  * General styles for dropbuttons.
  */
 
-.js .dropbutton-widget {
+.dropbutton-widget {
   background-color: white;
   border: 1px solid #cccccc;
 }
-.js .dropbutton-widget:hover {
+.dropbutton-widget:hover {
   border-color: #b8b8b8;
 }
 .dropbutton .dropbutton-action > * {
diff --git a/core/themes/seven/css/base/print.css b/core/themes/seven/css/base/print.css
index 653e511..0f14268 100644
--- a/core/themes/seven/css/base/print.css
+++ b/core/themes/seven/css/base/print.css
@@ -59,14 +59,14 @@
   .dropbutton-multiple .dropbutton .secondary-action {
     display: block;
   }
-  .js .dropbutton-widget,
-  .js td .dropbutton-widget /* Splitbuttons */ {
+  .dropbutton-widget,
+  td .dropbutton-widget /* Splitbuttons */ {
     position: relative;
   }
-  .js .dropbutton .dropbutton-toggle {
+  .dropbutton .dropbutton-toggle {
     display: none;
   }
-  .js .dropbutton-multiple .dropbutton-widget {
+  .dropbutton-multiple .dropbutton-widget {
     background: none;
     border-radius: 4px;
   }
diff --git a/core/themes/seven/css/components/dropbutton.component.css b/core/themes/seven/css/components/dropbutton.component.css
index 229f1bd..c912d01 100644
--- a/core/themes/seven/css/components/dropbutton.component.css
+++ b/core/themes/seven/css/components/dropbutton.component.css
@@ -6,9 +6,9 @@
 /**
  * Reset styling for all elements.
  */
-.js .dropbutton .dropbutton-action > input,
-.js .dropbutton .dropbutton-action > a,
-.js .dropbutton .dropbutton-action > button {
+.dropbutton .dropbutton-action > input,
+.dropbutton .dropbutton-action > a,
+.dropbutton .dropbutton-action > button {
   color: #333333;
   text-decoration: none;
   padding: 0;
@@ -18,32 +18,32 @@
   -webkit-font-smoothing: antialiased;
   text-align: left; /* LTR */
 }
-[dir="rtl"].js .dropbutton .dropbutton-action > input,
-[dir="rtl"].js .dropbutton .dropbutton-action > a,
-[dir="rtl"].js .dropbutton .dropbutton-action > button {
+.dropbutton .dropbutton-action > input,
+.dropbutton .dropbutton-action > a,
+.dropbutton .dropbutton-action > button {
   text-align: right;
   margin-left: 0; /* This is required to win over specificity of [dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * */
 }
-.js .dropbutton-action.last {
+.dropbutton-action.last {
   border-radius: 0 0 0 1em; /* LTR */
 }
-[dir="rtl"] .js .dropbutton-action.last {
+[dir="rtl"] .dropbutton-action.last {
   border-radius: 0 0 1em 0;
 }
 
 /**
  * Overwrite Sevens button styling.
  */
-.js .dropbutton-widget .button {
+.dropbutton-widget .button {
   background: transparent;
   border: 0;
   border-radius: 0;
   box-shadow: none;
 }
-.js .dropbutton-multiple .dropbutton {
+.dropbutton-multiple .dropbutton {
   border-right: 0; /* LTR */
 }
-[dir="rtl"].js .dropbutton-multiple .dropbutton {
+.dropbutton-multiple .dropbutton {
   border-left: 0;
 }
 
@@ -58,11 +58,11 @@
 .dropbutton li + li {
   margin-top: 10px;
 }
-.js .dropbutton li {
+.dropbutton li {
   margin-bottom: 0;
   margin-right: 0;
 }
-.js .dropbutton li + li {
+.dropbutton li + li {
   margin-top: 0;
 }
 
@@ -74,7 +74,7 @@
     margin-left: 1em;
     margin-top: 0;
   }
-  .js .dropbutton li + li {
+  .dropbutton li + li {
     margin-left: 0;
   }
 }
@@ -82,7 +82,7 @@
 /**
  * Copied styling for .button.
  */
-.js .dropbutton-multiple .dropbutton-widget {
+.dropbutton-multiple .dropbutton-widget {
   border: 1px solid #a6a6a6;
   border-radius: 20em;
   background-color: #f2f1eb;
@@ -93,50 +93,50 @@
 .dropbutton-multiple.open .dropbutton-widget {
   border-radius: 1em;
 }
-.js .dropbutton-widget .dropbutton-action a,
-.js .dropbutton-widget .dropbutton-action input,
-.js .dropbutton-widget .dropbutton-action button {
+.dropbutton-widget .dropbutton-action a,
+.dropbutton-widget .dropbutton-action input,
+.dropbutton-widget .dropbutton-action button {
   border-radius: 20em 0 0 20em; /* LTR */
   padding: 4px 1.5em;
   display: block;
   width: 100%;
 }
-[dir="rtl"].js .dropbutton-widget .dropbutton-action a,
-[dir="rtl"].js .dropbutton-widget .dropbutton-action input,
-[dir="rtl"].js .dropbutton-widget .dropbutton-action button {
+.dropbutton-widget .dropbutton-action a,
+.dropbutton-widget .dropbutton-action input,
+.dropbutton-widget .dropbutton-action button {
   border-radius: 0 20em 20em 0;
 }
-.js .dropbutton-widget .dropbutton-action a:focus,
-.js .dropbutton-widget .dropbutton-action input:focus,
-.js .dropbutton-widget .dropbutton-action button:focus {
+.dropbutton-widget .dropbutton-action a:focus,
+.dropbutton-widget .dropbutton-action input:focus,
+.dropbutton-widget .dropbutton-action button:focus {
   text-decoration: underline;
 }
-.js .dropbutton-multiple.open .dropbutton-action a,
-.js .dropbutton-multiple.open .dropbutton-action .button {
+.dropbutton-multiple.open .dropbutton-action a,
+.dropbutton-multiple.open .dropbutton-action .button {
   border-radius: 0;
 }
-.js .dropbutton-multiple.open .dropbutton-action:first-child a,
-.js .dropbutton-multiple.open .dropbutton-action:first-child .button {
+.dropbutton-multiple.open .dropbutton-action:first-child a,
+.dropbutton-multiple.open .dropbutton-action:first-child .button {
   border-radius: 0.9em 0 0 0; /* LTR */
 }
-[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child a,
-[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child .button {
+.dropbutton-multiple.open .dropbutton-action:first-child a,
+.dropbutton-multiple.open .dropbutton-action:first-child .button {
   border-radius: 0 0.9em 0 0;
 }
-.js .dropbutton-multiple.open .dropbutton-action:last-child a,
-.js .dropbutton-multiple.open .dropbutton-action:last-child .button {
+.dropbutton-multiple.open .dropbutton-action:last-child a,
+.dropbutton-multiple.open .dropbutton-action:last-child .button {
   border-radius: 0 0 0 0.9em; /* LTR */
 }
-[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:last-child a,
-[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:last-child .button {
+.dropbutton-multiple.open .dropbutton-action:last-child a,
+.dropbutton-multiple.open .dropbutton-action:last-child .button {
   border-radius: 0 0 0.9em 0;
 }
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover,
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:hover,
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:hover,
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:focus,
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:focus,
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:focus {
+.dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover,
+.dropbutton-wrapper .dropbutton-widget .dropbutton-action button:hover,
+.dropbutton-wrapper .dropbutton-widget .dropbutton-action input:hover,
+.dropbutton-wrapper .dropbutton-widget .dropbutton-action a:focus,
+.dropbutton-wrapper .dropbutton-widget .dropbutton-action button:focus,
+.dropbutton-wrapper .dropbutton-widget .dropbutton-action input:focus {
   background-color: #f9f8f6;
   background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
   background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
@@ -144,9 +144,9 @@
   box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
   z-index: 3;
 }
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:active,
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:active,
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:active {
+.dropbutton-wrapper .dropbutton-widget .dropbutton-action a:active,
+.dropbutton-wrapper .dropbutton-widget .dropbutton-action input:active,
+.dropbutton-wrapper .dropbutton-widget .dropbutton-action button:active {
   text-decoration: none;
   background-color: #dfdfd9;
   background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
@@ -207,18 +207,18 @@
 /**
  * The dropdown trigger.
  */
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+.dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
   border-left: 1px solid #a6a6a6; /* LTR */
   outline: none;
 }
-[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+.dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
   border-right: 1px solid #a6a6a6;
   border-left: 0;
 }
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+.dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
   border-radius: 0 20em 20em 0; /* LTR */
 }
-[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+.dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
   border-radius: 20em 0 0 20em;
 }
 .dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
@@ -227,8 +227,8 @@
 [dir="rtl"] .dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
   border-radius: 1em 0 0 1em;
 }
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
+.dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
+.dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
   background-color: #f9f8f6;
   background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
   background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
@@ -237,7 +237,7 @@
   box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
   z-index: 3;
 }
-.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
+.dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
   background-color: #dfdfd9;
   background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
   background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
@@ -262,12 +262,12 @@
  * Form edit action theming.
  * Copied styling from .button--primary.
  */
-.js .form-actions .dropbutton .dropbutton-action > * {
+.form-actions .dropbutton .dropbutton-action > * {
   color: #fff;
   font-weight: 700;
   text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
 }
-.js .form-actions .dropbutton-widget {
+.form-actions .dropbutton-widget {
   border-color: #1e5c90;
   background-color: #0071b8;
   background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
@@ -279,35 +279,35 @@
   background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
   background-image: linear-gradient(to bottom, #007bc6, #0071b8);
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:hover,
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:focus {
+.form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:hover,
+.form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:focus {
   background-color: #2369a6;
   background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
   background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
   box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
   color: #fff;
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:active {
+.form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:active {
   background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
   background-image: linear-gradient(to bottom, #08639b, #0071b8);
   border-color: #144b78;
   box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button,
+.form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button,
 .form-actions .dropbutton .secondary-action {
   border-color: #1e5c90;
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
+.form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
   background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
   background-image: linear-gradient(to bottom, #007bc6, #0071b8);
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
+.form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
+.form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
   background-color: #2369a6;
   background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
   background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
 }
-.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
+.form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
   background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
   background-image: linear-gradient(to bottom, #08639b, #0071b8);
   border-color: #144b78;
diff --git a/core/themes/stable/css/color/color.admin.css b/core/themes/stable/css/color/color.admin.css
index 2efe6fd..684d692 100644
--- a/core/themes/stable/css/color/color.admin.css
+++ b/core/themes/stable/css/color/color.admin.css
@@ -135,12 +135,12 @@ button.is-unlocked,
 .color-preview {
   display: none;
 }
-.js .color-preview {
+.color-preview {
   display: block;
   position: relative;
   float: left; /* LTR */
 }
-.js[dir="rtl"] .color-preview {
+.color-preview {
   float: right;
 }
 @media screen and (max-width: 30em) { /* 480px */
diff --git a/core/themes/stable/css/core/dropbutton/dropbutton.css b/core/themes/stable/css/core/dropbutton/dropbutton.css
index 5990514..b6e6131 100644
--- a/core/themes/stable/css/core/dropbutton/dropbutton.css
+++ b/core/themes/stable/css/core/dropbutton/dropbutton.css
@@ -11,14 +11,14 @@
 .dropbutton-wrapper div {
   box-sizing: border-box;
 }
-.js .dropbutton-wrapper,
-.js .dropbutton-widget {
+.dropbutton-wrapper,
+.dropbutton-widget {
   display: block;
   position: relative;
 }
 
 @media screen and (max-width:600px) {
-  .js .dropbutton-wrapper {
+  .dropbutton-wrapper {
     width: 100%;
   }
 }
@@ -32,50 +32,50 @@
     float: right;
   }
 }
-.js .form-actions .dropbutton-widget {
+.form-actions .dropbutton-widget {
   position: static;
 }
-.js td .dropbutton-widget {
+td .dropbutton-widget {
   position: absolute;
 }
-.js td .dropbutton-wrapper {
+td .dropbutton-wrapper {
   min-height: 2em;
 }
-.js td .dropbutton-multiple {
+td .dropbutton-multiple {
   padding-right: 10em; /* LTR */
   margin-right: 2em; /* LTR */
   max-width: 100%;
 }
-[dir="rtl"].js td .dropbutton-multiple {
+td .dropbutton-multiple {
   padding-right: 0;
   margin-right: 0;
   padding-left: 10em;
   margin-left: 2em;
 }
-.js td .dropbutton-multiple .dropbutton-action a,
-.js td .dropbutton-multiple .dropbutton-action input,
-.js td .dropbutton-multiple .dropbutton-action button {
+td .dropbutton-multiple .dropbutton-action a,
+td .dropbutton-multiple .dropbutton-action input,
+td .dropbutton-multiple .dropbutton-action button {
   width: auto;
 }
 
 /* UL styles are over-scoped in core, so this selector needs weight parity. */
-.js .dropbutton-widget .dropbutton {
+.dropbutton-widget .dropbutton {
   list-style-image: none;
   list-style-type: none;
   margin: 0;
   overflow: hidden;
   padding: 0;
 }
-.js .dropbutton li,
-.js .dropbutton a {
+.dropbutton li,
+.dropbutton a {
   display: block;
   outline: none;
 }
 
-.js .dropbutton li:hover,
-.js .dropbutton li:focus,
-.js .dropbutton a:hover,
-.js .dropbutton a:focus {
+.dropbutton li:hover,
+.dropbutton li:focus,
+.dropbutton a:hover,
+.dropbutton a:focus {
   outline: initial;
 }
 
@@ -89,10 +89,10 @@
  * The arrow is created using border on a zero-width, zero-height span.
  * The arrow inherits the link color, but can be overridden with border colors.
  */
-.js .dropbutton-multiple .dropbutton-widget {
+.dropbutton-multiple .dropbutton-widget {
   padding-right: 2em; /* LTR */
 }
-.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget {
+.dropbutton-multiple .dropbutton-widget {
   padding-left: 2em;
   padding-right: 0;
 }
diff --git a/core/themes/stable/css/locale/locale.admin.css b/core/themes/stable/css/locale/locale.admin.css
index d55b429..4b00e9f 100644
--- a/core/themes/stable/css/locale/locale.admin.css
+++ b/core/themes/stable/css/locale/locale.admin.css
@@ -102,7 +102,7 @@
   -ms-hyphens: auto;
   hyphens: auto;
 }
-.js .locale-translation-update__wrapper {
+.locale-translation-update__wrapper {
   height: 20px;
 }
 .expanded .locale-translation-update__wrapper {
diff --git a/core/themes/stable/css/system/components/autocomplete-loading.module.css b/core/themes/stable/css/system/components/autocomplete-loading.module.css
index 48a9e9a..010c4b6 100644
--- a/core/themes/stable/css/system/components/autocomplete-loading.module.css
+++ b/core/themes/stable/css/system/components/autocomplete-loading.module.css
@@ -5,18 +5,18 @@
  * @see autocomplete.js
  */
 
-.js input.form-autocomplete {
+input.form-autocomplete {
   background-image: url(../../../images/core/throbber-inactive.png);
   background-position: 100% center; /* LTR */
   background-repeat: no-repeat;
 }
-.js[dir="rtl"] input.form-autocomplete {
+input.form-autocomplete {
   background-position: 0% center;
 }
-.js input.form-autocomplete.ui-autocomplete-loading {
+input.form-autocomplete.ui-autocomplete-loading {
   background-image: url(../../../images/core/throbber-active.gif);
   background-position: 100% center; /* LTR */
 }
-.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
+input.form-autocomplete.ui-autocomplete-loading {
   background-position: 0% center;
 }
diff --git a/core/themes/stable/css/system/components/details.module.css b/core/themes/stable/css/system/components/details.module.css
index 23ee3b4..ec88de1 100644
--- a/core/themes/stable/css/system/components/details.module.css
+++ b/core/themes/stable/css/system/components/details.module.css
@@ -5,6 +5,6 @@
  * @see collapse.js
  */
 
-.js details:not([open]) .details-wrapper {
+details:not([open]) .details-wrapper {
   display: none;
 }
diff --git a/core/themes/stable/css/system/components/js.module.css b/core/themes/stable/css/system/components/js.module.css
index f827020..695fe75 100644
--- a/core/themes/stable/css/system/components/js.module.css
+++ b/core/themes/stable/css/system/components/js.module.css
@@ -7,7 +7,7 @@
  * For anything you want to hide on page load when JS is enabled, so
  * that you can use the JS to control visibility and avoid flicker.
  */
-.js .js-hide {
+.js-hide {
   display: none;
 }
 
@@ -17,6 +17,6 @@
 .js-show {
   display: none;
 }
-.js .js-show {
+.js-show {
   display: block;
 }
diff --git a/core/themes/stable/css/views_ui/views_ui.admin.css b/core/themes/stable/css/views_ui/views_ui.admin.css
index e932af1..992798d 100644
--- a/core/themes/stable/css/views_ui/views_ui.admin.css
+++ b/core/themes/stable/css/views_ui/views_ui.admin.css
@@ -203,6 +203,6 @@ html.js .js-only {
 html.js span.js-only {
   display: inline;
 }
-.js .views-edit-view .dropbutton-wrapper {
+.views-edit-view .dropbutton-wrapper {
   width: auto;
 }
diff --git a/core/themes/stable/css/views_ui/views_ui.admin.theme.css b/core/themes/stable/css/views_ui/views_ui.admin.theme.css
index 3bf3290..7b6a436 100644
--- a/core/themes/stable/css/views_ui/views_ui.admin.theme.css
+++ b/core/themes/stable/css/views_ui/views_ui.admin.theme.css
@@ -761,29 +761,29 @@ td.group-title {
 .dropbutton-widget {
   position: relative;
 }
-.js .views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action > * {
+.views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action > * {
   font-size: 10px;
 }
-.js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
+.dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
   position: absolute;
   right: -5px; /* LTR */
   top: -1px;
   z-index: 2;
 }
-[dir="rtl"].js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
+.dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
   left: -5px;
   right: auto;
 }
-.js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
+.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
   border-radius: 1.1em 0 0 0; /* LTR */
 }
-[dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
+.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
   border-radius: 0 1.1em 0 0;
 }
-.js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
+.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
   border-radius: 0 0 0 1.1em; /* LTR */
 }
-[dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
+.dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
   border-radius: 0 0 1.1em 0;
 }
 .views-display-top .dropbutton-wrapper {
diff --git a/core/themes/stable/css/views_ui/views_ui.contextual.css b/core/themes/stable/css/views_ui/views_ui.contextual.css
index 13db2d2..3e8b985 100644
--- a/core/themes/stable/css/views_ui/views_ui.contextual.css
+++ b/core/themes/stable/css/views_ui/views_ui.contextual.css
@@ -14,7 +14,7 @@
 [dir="rtl"] .views-live-preview .contextual {
   left: auto;
 }
-.js .views-live-preview .contextual {
+.views-live-preview .contextual {
   display: inline;
 }
 .views-live-preview .contextual-links-trigger {