如何解决CSS样式冲突

CSS在解决冲突的时候, 谁更特定就遵循它。

下面代码3比1更特定, 1比2更特定. 当冲突样式优先选择3>1>2.

1
.course-info-segment ul li a {  
  color: black;  
  padding-bottom: 10px;  
  padding-left: 5px;   
  padding-right: 5px
;}

2.
.selected {    
text-decoration: none;    
border: none;  
border-bottom: 2px solid #149C81;   
color: #149C81 ;}

3.
.course-info-segment ul li a.selected {    
text-decoration: none;    
border: none;  
border-bottom: 2px solid #149C81;   
color: #149C81 ;}