0
ul, ol, li { list-style-position:inside; margin: 33px 0; }
此代碼的效果也是我的meny,在帖子上的頁腳。爲什麼會發生這種情況,以及如何只影響項目符號和小數點?我不能改變css中的子彈點之間的空間
前瞻:http://sindreolsson.tumblr.com
ul, ol, li { list-style-position:inside; margin: 33px 0; }
此代碼的效果也是我的meny,在帖子上的頁腳。爲什麼會發生這種情況,以及如何只影響項目符號和小數點?我不能改變css中的子彈點之間的空間
前瞻:http://sindreolsson.tumblr.com
你的菜單,並在設計中其他項目列表項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;
}
好吧,這對於MENY工作,但仍影響tumblr英尺。什麼是在HTML中最好的替代方案?我應該使用別的東西嗎? – Sindre 2014-08-31 09:47:06
我刪除了我的答案,因爲我不明白這個問題。很高興你能夠幫助 – henrywright 2014-08-31 10:27:29
@Sindre直接在* ol *或* ul *元素中的** only **有效選項是* li *。沒有替代。您只需要認識到,一般適用於元素類型的樣式將應用於該元素的所有實例**。通過在Bram的答案中創建**更具體的**樣式,您可以根據父類(或父類)將不同樣式應用於元素的不同實例,從而允許您根據設計需要調整元素的每種用法。這正是CSS設計工作的方式。 – pwdst 2014-08-31 11:08:04