Fixes issue #599. Accordion title and content selector are too generic

src/modules/accordion.less

@@ -28,7 +28,8 @@
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
 }
 
-.ui.accordion .title {
+.ui.accordion > .title,
+.ui.accordion .accordion > .title {
 	cursor: pointer;
 
   margin: 0em;
@@ -54,20 +55,23 @@
     background-color 0.2s ease-out
   ;
 }
-.ui.accordion .title:first-child {
+.ui.accordion > .title:first-child,
+.ui.accordion .accordion > .title:first-child {
 	border-top: none;
 }
 
 
 /* Content */
-.ui.accordion .content {
+.ui.accordion > .content,
+.ui.accordion .accordion > .content {
   display: none;
   margin: 0em;
   padding: 1.3em 1em;
 }
 
 /* Arrow */
-.ui.accordion .title .dropdown.icon {
+.ui.accordion > .title .dropdown.icon,
+.ui.accordion .accordion > .title .dropdown.icon {
   display: inline-block;
   float: none;
   margin: 0em 0.5em 0em 0em;
@@ -98,7 +102,8 @@
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
-.ui.accordion .title .dropdown.icon:before {
+.ui.accordion > .title .dropdown.icon:before,
+.ui.accordion .accordion > .title .dropdown.icon:before {
   content: '\f0da'/*rtl:'\f0d9'*/;
 }
 
@@ -112,8 +117,8 @@
   -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
 }
-.ui.basic.accordion.menu .title,
-.ui.basic.accordion.menu .content {
+.ui.basic.accordion.menu > .title,
+.ui.basic.accordion.menu > .content {
   padding: 0em;
 }
 
@@ -134,19 +139,21 @@
   box-shadow: none;
 }
 
-.ui.basic.accordion .title,
-.ui.basic.accordion .title {
+.ui.basic.accordion > .title,
+.ui.basic.accordion .accordion > .title {
   background-color: transparent;
   border-top: none;
   padding-left: 0em;
   padding-right: 0em;
 }
 
-.ui.basic.accordion .content {
+.ui.basic.accordion > .content,
+.ui.basic.accordion .accordion > .content {
   padding: 0.5em 0em;
 }
 
-.ui.basic.accordion .active.title {
+.ui.basic.accordion > .active.title,
+.ui.basic.accordion .accordion > .active.title {
   background-color: transparent;
 }
 
@@ -160,8 +167,10 @@
       Hover
 ---------------*/
 
-.ui.accordion .title:hover,
-.ui.accordion .active.title {
+.ui.accordion > .title:hover,
+.ui.accordion > .active.title,
+.ui.accordion .accordion > .title:hover,
+.ui.accordion .accordion > .active.title {
 	color: rgba(0, 0, 0, 0.8);
 }
 
@@ -169,18 +178,21 @@
      Active
 ---------------*/
 
-.ui.accordion .active.title {
+.ui.accordion > .active.title,
+.ui.accordion .accordion > .active.title {
 	background-color: rgba(0, 0, 0, 0.1);
   color: rgba(0, 0, 0, 0.8);
 }
-.ui.accordion .active.title .dropdown.icon {
+.ui.accordion > .active.title .dropdown.icon,
+.ui.accordion .accordion > .active.title .dropdown.icon {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }
-.ui.accordion .active.content {
+.ui.accordion > .active.content,
+.ui.accordion .accordion > .active.content {
   display: block;
 }