이 CSS를 단순화 할 수있는 방법이 있습니까?

Question

다음을 단순화하는 방법이 있습니까? 그렇다면 어떻게해야합니까?

.ui-layout-north { 
    border-top: none; 
    border-left: none; 
    border-right: none; 
    padding: 0px; 
} 
.ui-layout-west { 
    border-top: none; 
    border-left: none; 
    border-bottom: none; 
    padding: 0px; 
} 
#inner { 
    border-top: none; 
    border-right: none; 
    border-bottom: none; 
    padding: 0px; 
} 
#inner-center { 
    border-top: none; 
    border-left: none; 
    border-right: none; 
    padding: 0px; 
} 
#inner-south { 
    border-right: none; 
    border-left: none; 
    border-bottom: none; 
    padding: 0px; 
} 

현재 작업에서 볼 수 있습니다

#inner, #inner-center, #inner-south ... { 
    border-top: none; 
    border-left: none; 
    border-right: none; 
    padding: 0px; 
} 

다음 단지 각각 지정 : 당신은 쉼표로 각 ID를 분리 할 수 ​​있습니다

Answer 1

http://jsfiddle.net/xUvJk/2/ 여러 요소에 같은 스타일을 적용 다른 스타일을 가진 요소 :

#inner { 
    border-left : inherit; 
} 

Answer 2

.ui-layout-north, .ui-layout-west, #inner, #inner-center { 
    border-top: none; 
    padding: 0px; 
} 

.ui-layout-north, .ui-layout-west , #inner-center, #inner-south{ 
    border-left: none; 
    padding: 0px; 
} 

.ui-layout-west, #inner, #inner-south { 
    border-bottom: none; 
} 

.ui-layout-north, #inner, #inner-south { 
    border-right: none; 
} 

Answer 3

.ui-layout-north, 
.ui-layout-west, 
#inner, 
#inner-center, 
#inner-south { 
    border-top: none; 
    border-left: none; 
    border-right: none; 
    padding: 0px;  
} 

.ui-layout-north { 
    /* specify unique styles */ 
} 

.ui-layout-west { 
    /* specify unique styles */ 
} 

#inner { 
    /* specify unique styles */ 
} 

#inner-center { 
    /* specify unique styles */ 
} 

#inner-south { 
    /* specify unique styles */ 
} 

Answer 4

다음 요소를 지정하십시오. 사용 만 직업

심지어 #inner 대한 제안 사용 클래스 로서도

http://jsfiddle.net/hQ5mY/1/