Smarter selectors for controlgroup corner styling

Author: jaspermdegroot

css/structure/jquery.mobile.controlgroup.css

@@ -41,47 +41,35 @@
 	-webkit-border-radius: 0;
 	border-radius: 0;
 }
-.ui-controlgroup-vertical .ui-radio:first-child,
-.ui-controlgroup-vertical .ui-checkbox:first-child,
-.ui-controlgroup-vertical .ui-select:first-child,
-.ui-controlgroup-vertical .ui-radio:first-child .ui-btn,
-.ui-controlgroup-vertical .ui-checkbox:first-child .ui-btn,
-.ui-controlgroup-vertical .ui-select:first-child .ui-btn,
-.ui-controlgroup-vertical label:first-child + .ui-select,
-.ui-controlgroup-vertical > li:first-child,
+.ui-controlgroup-vertical .ui-controlgroup-controls > div:first-of-type,
+.ui-controlgroup-vertical .ui-controlgroup-controls > div:first-of-type > .ui-btn,
+.ui-controlgroup-vertical li:first-child,
 .ui-controlgroup-vertical .ui-btn:first-child {
 	-webkit-border-top-left-radius: inherit;
 	border-top-left-radius: inherit;
 	-webkit-border-top-right-radius: inherit;
 	border-top-right-radius: inherit;
 }
-.ui-controlgroup-vertical .ui-radio:last-child,
-.ui-controlgroup-vertical .ui-checkbox:last-child,
-.ui-controlgroup-vertical .ui-select:last-child,
-.ui-controlgroup-vertical > li:last-child,
+.ui-controlgroup-vertical .ui-controlgroup-controls > div:last-of-type,
+.ui-controlgroup-vertical .ui-controlgroup-controls > div:last-of-type > .ui-btn,
+.ui-controlgroup-vertical li:last-child,
 .ui-controlgroup-vertical .ui-btn:last-child {
 	-webkit-border-bottom-left-radius: inherit;
 	border-bottom-left-radius: inherit;
 	-webkit-border-bottom-right-radius: inherit;
 	border-bottom-right-radius: inherit;
 }
-.ui-controlgroup-horizontal .ui-radio:first-child,
-.ui-controlgroup-horizontal .ui-checkbox:first-child,
-.ui-controlgroup-horizontal .ui-select:first-child,
-.ui-controlgroup-horizontal .ui-radio:first-child .ui-btn,
-.ui-controlgroup-horizontal .ui-checkbox:first-child .ui-btn,
-.ui-controlgroup-horizontal .ui-select:first-child .ui-btn,
-.ui-controlgroup-horizontal label:first-child + .ui-select,
+.ui-controlgroup-horizontal .ui-controlgroup-controls > div:first-of-type,
+.ui-controlgroup-horizontal .ui-controlgroup-controls > div:first-of-type > .ui-btn,
 .ui-controlgroup-horizontal li:first-child,
 .ui-controlgroup-horizontal .ui-btn:first-child {
 	-webkit-border-top-left-radius: inherit;
 	border-top-left-radius: inherit;
 	-webkit-border-bottom-left-radius: inherit;
 	border-bottom-left-radius: inherit;
 }
-.ui-controlgroup-horizontal .ui-radio:last-child,
-.ui-controlgroup-horizontal .ui-checkbox:last-child,
-.ui-controlgroup-horizontal .ui-select:last-child,
+.ui-controlgroup-horizontal .ui-controlgroup-controls > div:last-of-type,
+.ui-controlgroup-horizontal .ui-controlgroup-controls > div:last-of-type > .ui-btn,
 .ui-controlgroup-horizontal li:last-child,
 .ui-controlgroup-horizontal .ui-btn:last-child {
 	-webkit-border-top-right-radius: inherit;