CSS에서 글 머리 기호 사이의 간격을 변경할 수 없습니다.

Question

ul, ol, li { list-style-position:inside; margin: 33px 0; } 

이 코드는 내 meny, posts footer에도 적용됩니다. 왜 이런 일이 일어나고 글 머리 기호와 십진법 만 적용하는 것입니까?

미리보기 : 당신이 적용되는 규칙, 해당 항목도 마진을받을 수 있도록 http://sindreolsson.tumblr.com

Answer 1

메뉴와 디자인의 다른 항목뿐만 아니라, 목록 항목 li입니다. 더 많은 여백을 갖기 위해 글 머리 기호 만 텍스트에 넣고 싶다면 좀 더 구체적이어야합니다. 귀하의 경우 예를 들어 다음과 같은 것을 원할 수 있습니다. 나는 tumblr 게시물 (.tumblr-post) 안에있는 목록 항목이 더 큰 여백을 가지길 원합니다. CSS에서 다음과 같이 보일 것입니다 :

.tumblr-post li { 
    margin: 33px 0; 
} 

자신의 CSS에서 여백을 제거하는 것을 잊지 마십시오. 그래서,

ul, ol, li { list-style-position:inside; margin: 33px 0; } 

ul, ol {list-style-position:inside;} 

에 편집을 변경

이

.tumblr-text li { 
    margin: 33px 0; 
}