2011-08-19 7 views
0

나는처리 많은 유사한 DIV 태그

<div class="singleline" style="width: 524px; height: 25px;"> 
    <p>&nbsp;</p> 
    </div> 

지금 나는이 태그에 다른 정렬을 제공하는 CSS 파일을 사용하려면이 양식에 내 페이지에서 많은 유사한 div 태그가 있습니다. 태그의 모든 내용이 내용물 을 포함하여 동일하므로이 작업을 수행 할 수 없습니다.

div 태그 내용을 변경하거나 추가 할 수 없다는 추가 제한 사항이 있습니다.

누군가 나를 도울 수 있습니까?

+1

더 구체적이어야합니다. 변경하고자하는 div를 구별하기 위해 사용할 수있는 패턴이 있습니까? 그렇지 않다면 처음부터 다른 스타일을 표시하지 않고 다른 스타일을 줄 수있는 방법이 없습니다. –

+0

마크 업을 변경하지 않고 이러한 동일한 DIV 요소를 개별적으로 스타일링하겠습니까? – JohnP

+0

질문이 혼란 스럽습니다. div 태그에 여러 스타일을 적용하려는 경우 여러 클래스가있을 수 있으며 그 사이에 공백을 넣으십시오.

SuperPaperSam

답변

0

내가 볼 수있는 최선의 방법은 CSS3 의사 셀렉터입니다.

http://www.w3.org/TR/css3-selectors/#structural-pseudos

당신은 사용하고자 할하려는 : n 번째 자녀 또는 n 번째의 형이 페이지의 순서로 개별 사업부의의 하나를 선택할 수있다().

그러나 요소 순서를 변경해야하거나 새 div를 다른 요소 위에 삽입하면 CSS에서 많은 순서 재 지정 작업이 필요합니다.

가능한 한 최선의 방법은 div의 개별 고유 ID를 제공하는 것입니다.

0

귀하의 질문에 정말로 혼란 스럽습니다. 나는 SuperPaperSam에 동의하지만 귀하의 HTML을 바꿀 수 없다는 점은 div 스타일을 직접 편집하거나 DOM을 조작하기 위해 javascript를 사용하여 (가능한 경우) 제안 할 것입니다. 클래스 이름이나 ID를 추가하면 CSS에서 스타일을 지정할 수 있습니다.