2009-12-28 4 views
3

나는 똑같은 모양을 가진 모든 형태의 견고한 CSS를 갖고 싶습니다. CSS를CSS의 텍스트 상자와 버튼을 구분하십시오

#content .forms input { 
    border: 1px solid #CCCCCC; 
    background-color: #FFFFFF; 
} 
에게 CSS의 버튼에 대한 속성과 텍스트 상자

여기

입니다 정의 할 때

나는 문제가 발생 나는 버튼이 버튼에서 분리하지만

에 대한 CSS를하고 싶은

"#content .forms 'input" "

다음은 동일하게 보입니다. 이 일에 대해 어떻게 생각하는지에 대한 아이디어가 있습니까? 당신이 IE6를 무시할 수있는 경우

+0

좋은 생각 .. +1 –

답변

2

공간에 클래스를 구분하여 요소에 여러 클래스를 추가 할 수 있습니다.

<style> 
    .FirstClass { color: #a9a9a9 } 
    .SecondClass { font-size: 10pt; } 
</style> 
<input type='text' class='FirstClass SecondClass' /> 

하나의 요소에 더 많은 클래스를 적용하면 여러 클래스를 추가하는 것이 혼란 스러울 수 있습니다.

+0

+1 질문을 이해하십시오. –

6

당신이 attribute selector 사용할 수 있습니다 : 당신이, 당신이 당신의 버튼을 제공해야합니다 수없는 경우

input[type="text"] { 

} 

input[type="button"] { 

} 

을/클래스를 텍스트 상자와 그 클래스에 스타일을 적용 할 수 있습니다.

+0

이미 .forms가 클래스 – Gatura

+0

마크 업을 표시하므로 클래스에 클래스를 추가 할 수 있습니까? 하나의 요소에 여러 개의 클래스를 사용할 수 있습니다.

+0

요소는 멀티 클래스를 가질 수 있습니다. – Thorsten

관련 문제