2010-04-13 10 views
2

나는 코드 실명, 눈 뭉툭 함 같아. 코드가 너무 많아. 나는 동적으로 생성 사업부 클래스가이 요소는 어떻게 선택합니까?

<div class="even last"> 

어떻게 CSS와 것을 선택할 수 있습니다?

div.even last { 
    background-color:#ffffff; 
    height:100%; 
    border-top:1px solid #F5F5F5; 
    padding:2px; 
    margin-top:35px; 
} 

이 작동하지 않는 것, 난 그냥 당신은 CSS 클래스 이름에 공백을 사용할 수 없습니다 ..

감사합니다 :)

답변

7

공백으로 여러 클래스를 지정하면 두 클래스가 모두 요소에 적용됩니다.

따라서 div.even 및/또는 div.last을 지정하면이를 사용하게됩니다.

4

을 더 생각할 수 없다. ,

<div class="even_last"> 
    <div> 
     Hello 
    </div> 
    World 
</div> 

div.even_last div { 
    font-weight:bold; 
} 

안녕하세요 굵게 될 것 세계있는 동안은하지 않습니다 : 예를 들어, 이전에 포함 된 다음 요소 : CSS의 평균에

<div class="even_last"> 

div.even_last { 
    background-color:#ffffff; 
    height:100%; 
    border-top:1px solid #F5F5F5; 
    padding:2px; 
    margin-top:35px; 
} 

공간 :이 작업을해야합니다.

+0

예,하지만, 그것은 gerneated, 그래서 난 못해 HTML을 변경하여 밑줄을 생성하십시오 :) – Kyle

+0

아마도 기존 클래스를 보존하고 싶을 것입니다. 목록과 테이블을 처리 할 때 짝수와 마지막 둘 다 상당히 표준입니다. – CurtainDog

+0

아, 알겠습니다. 그럼 '케이'의 대답은 당신을 위해 할 것입니다. –

3

점이있는 공간을 교체하고 당신이 옳아 요 :

div.even.last { 
    background-color:#ffffff; 
    height:100%; 
    border-top:1px solid #F5F5F5; 
    padding:2px; 
    margin-top:35px; 
} 
+0

이 중 하나도 작동하지 않았다. – Kyle

+0

나는 이것을 위해 간단한 테스트 페이지를 만들었고, div 스타일을 지정했지만 그 div 뒤에는 전혀 표시되지 않았다. – cjk

+0

글쎄, 높이를 100 %로 설정하고 있습니다 ... HTML이 없다면, 할 일을 추측 할 필요가 없습니다. 하지만 이것은 'even'과 'last'인 div 요소를 일치시키는 올바른 선택 자입니다 – CurtainDog

0

이름 클래스 evenlast 같은 : 내가 말했듯이

div.evenlast 
{ 
    /* styles here */ 
} 
+0

죄송합니다.이 기능이 작동하지 않습니다. – Kyle

관련 문제