Twenty Seventeen: Correct the CSS selectors intended to fix hover colors for MediaElement controls.

This is a follow-up to the previous fix in [45146], which didn't work as expected.

Props ryokuhi.
Merges [45576] to the 5.2 branch.
Fixes #47543. See #40843.
Built from https://develop.svn.wordpress.org/branches/5.2@45847


git-svn-id: http://core.svn.wordpress.org/branches/5.2@45658 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-content/themes/twentyseventeen/assets/css/colors-dark.css

@@ -289,8 +289,8 @@ body.colors-dark,
 	color: #bbb;
 }
 
-.colors-dark button:hover:not( .mejs-container > button ),
-.colors-dark button:focus,
+.colors-dark :not( .mejs-button ) > button:hover,
+.colors-dark :not( .mejs-button ) > button:focus,
 .colors-dark input[type="button"]:hover,
 .colors-dark input[type="button"]:focus,
 .colors-dark input[type="submit"]:hover,

wp-content/themes/twentyseventeen/inc/color-patterns.php

@@ -307,8 +307,8 @@ body.colors-custom,
 	color: hsl( ' . $hue . ', ' . $saturation . ', 46% ); /* base: #767676; */
 }
 
-.colors-custom button:hover:not( .mejs-container > button ),
-.colors-custom button:focus,
+.colors-custom :not( .mejs-button ) > button:hover,
+.colors-custom :not( .mejs-button ) > button:focus,
 .colors-custom input[type="button"]:hover,
 .colors-custom input[type="button"]:focus,
 .colors-custom input[type="submit"]:hover,

wp-content/themes/twentyseventeen/style.css

@@ -1034,8 +1034,8 @@ input[type="submit"].secondary {
 	color: #222;
 }
 
-button:hover:not( .mejs-container > button ),
-button:focus,
+:not( .mejs-button ) > button:hover,
+:not( .mejs-button ) > button:focus,
 input[type="button"]:hover,
 input[type="button"]:focus,
 input[type="submit"]:hover,

wp-includes/version.php

@@ -13,7 +13,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '5.2.3-alpha-45846';
+$wp_version = '5.2.3-alpha-45847';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.