這段css的寫法超特別，請教css大師

最先
上一篇
1
下一篇
最後

tian
Topic Author
Offline
專家會員

2012-12-21 22:39 #24029 來自 tian

tian created the topic: 這段css的寫法超特別，請教css大師

有沒有哪位css前輩告訴我這段css為什麼這樣寫：
.row{width:960px;margin-left:auto;margin-right:auto;overflow:hidden;}
.row .row{margin-left:-10px;margin-right:-10px;width:auto;display:inline-block;}

全都是row，而且妙的是三個row都不能去除，任意一個row移除就會造成結果不一樣，我的問題有兩個：

1. 這兩行能寫成單行的敘述嗎？就是用一行來取代。
2. 為什麼第二行要.row .row{ }，這是什麼意思？(我去掉一個.row就會造成不同結果)

Please 登入 to join the conversation.

Velson
Offline
管理員
惡搞美工亂玩網頁的五年級設計師亂玩資歷十六年

2012-12-21 23:00 #24030 來自 Velson

Velson replied the topic: 這段css的寫法超特別，請教css大師

題外話,對於你之前說的 "很強的東東" 記憶很深 XD

row{width:960px;margin-left:auto;margin-right:auto;overflow:hidden;}
.row .row{margin-left:-10px;margin-right:-10px;width:auto;display:inline-block;}
全都是row，而且妙的是三個row都不能去除，任意一個row移除就會造成結果不一樣

當然會結果不同,其實這二行只要有基礎 其實很簡單,也不用到什麼大師了

2. 為什麼第二行要.row .row{ }，這是什麼意思？(我去掉一個.row就會造成不同結果)

從基礎開始學,或者直接點去查css block的用法以及相關語法吧

UnoHat Joomla 元件、模組、外掛開發 Email住址會使用灌水程式保護機制。你需要啟動Javascript才能觀看它

Please 登入 to join the conversation.

羽城君拉
Offline
管理員

2012-12-21 23:52 #24035 來自羽城君拉

羽城君拉 replied the topic: 這段css的寫法超特別，請教css大師

2.意思是.row中的.row，巢狀的敘述

...

The following user(s) said Thank You: tian

Please 登入 to join the conversation.

tian
Topic Author
Offline
專家會員

2013-01-03 11:28 - 2013-01-03 11:34 #24131 來自 tian

tian replied the topic: 這段css的寫法超特別，請教css大師

感謝eddy^^

最後修改原因: 2013-01-03 11:34 來自 tian.

Please 登入 to join the conversation.

最先
上一篇
1
下一篇
最後

討論區核心： Kunena 論壇