2014-12-17 2 views
0

p 요소의 padding-bottom을 동적으로 수정하려고합니다.padding-bottom on p

예를 들어 (단락) (이미지) (이미지) (단락)과 같은 블로그 게시물에서는 (단락) (이미지) 사이에 30px 패딩을 넣으시겠습니까? 단락) (단락).

사이트는 WordPress에 내장되어 있으므로 콘텐츠가 이런 방법으로 배치 될 때마다이 간격 원칙을 동적으로 할당해야합니다.

제안 사항? 할 수 있습니까? 감사!

+0

가 도움이하고 싶은 것이 쉽게 확인하십시오 : 여기

p + p { padding-top: 15px; } p + img { padding-top: 30px; } 

전체 예입니다 당신의 코드를 보여주고 최소한 바이올린을 만들어 냄으로써. –

답변

1

당신이 찾고있는 것이 인접 형제 선택자라고 생각합니다. CSS의 사양에 따라

: E1 + E2, E2는 선택의 대상이되는 :

인접 형제 선택자은 다음 구문을 가지고있다. E1과 E2 이 문서 트리에서 동일한 부모를 공유하고 E1이 E2 바로 앞에 있고 요소 노드가 아닌 노드 (예 : 텍스트 노드 및 설명)를 무시하면 선택기가 일치합니다.

참조 : http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors

귀하의 경우에는이 같은 것을 사용할 수 있습니다 : http://jsfiddle.net/6fyht2be/