Collapsible set: ui-first-child/ui-last-child for corner styling

Author: jaspermdegroot

css/structure/jquery.mobile.collapsible.css

@@ -27,7 +27,6 @@
 .ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
 .ui-collapsible-content-collapsed { display: none; }
 
-/* Corner styling */
 .ui-collapsible-set > .ui-collapsible.ui-corner-all {
 	-webkit-border-radius: 0;
 	border-radius: 0;
@@ -37,19 +36,20 @@
 	-webkit-border-radius: inherit;	
 	border-radius: inherit;	
 }
+.ui-collapsible-set .ui-collapsible.ui-first-child {
+	-webkit-border-top-right-radius: inherit;	
+	border-top-right-radius: inherit;
+	-webkit-border-top-left-radius: inherit;	
+	border-top-left-radius: inherit;		
+}
 .ui-collapsible-content,
-.ui-collapsible-set .ui-collapsible:last-child {
+.ui-collapsible-set .ui-collapsible.ui-last-child {
 	-webkit-border-bottom-right-radius: inherit;	
 	border-bottom-right-radius: inherit;
 	-webkit-border-bottom-left-radius: inherit;	
 	border-bottom-left-radius: inherit;		
 }
-.ui-collapsible-set .ui-collapsible:first-child {
-	-webkit-border-top-right-radius: inherit;	
-	border-top-right-radius: inherit;
-	-webkit-border-top-left-radius: inherit;	
-	border-top-left-radius: inherit;		
-}
+
 .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
 	-webkit-border-bottom-right-radius: 0;	
 	border-bottom-right-radius: 0;
@@ -59,4 +59,4 @@
 
 .ui-collapsible-set { margin: .5em 0; }
 .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
-.ui-collapsible-set .ui-collapsible:first-child { margin-top: 0; }
+.ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; }