Demo

討論

保持飢餓,保持愚笨 (Stay hungry, stay foolish)。 史蒂夫·賈伯斯

公告

本網站已取消討論區的討論方式,如果您有問題請至LINE群行動條碼圖片網址,或Facebook社團

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

  • tian
  • tian 的個人頭像 Topic Author
  • Offline
  • 專家會員
  • 專家會員
More
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
  • Velson 的個人頭像
  • Offline
  • 管理員
  • 管理員
  • 惡搞美工亂玩網頁的五年級設計師 亂玩資歷十六年
More
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.

More
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
  • tian 的個人頭像 Topic Author
  • Offline
  • 專家會員
  • 專家會員
More
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.