是什麼>的目的，在一個CSS文件

我目前編輯從Joomla模板一個CSS文件，我碰到這條線進來：.promo > .gantry-width-block:hover{margin-top:-35px;padding-top:35px;}是什麼>的目的，在一個CSS文件

什麼>標記的目的，促銷和龍門之間..？

Ps。我不知道標記是否是正確的詞，可能不是。

來源

2016-04-14 Dennis1679

http://stackoverflow.com/questions/3225891/what-does-the-greater-than-sign-css-selector-mean – Phoenix

這是重複的問題 – Phoenix

>是一個直接子選擇器，.promo > .gantry地址一類gantry是任何元素的直接子帶班promo的所有元素。

來源

2016-04-14 17:06:17 Paul

這意味着直接後代。這是值得一讀http://www.w3schools.com/cssref/css_selectors.asp

來源

2016-04-14 17:06:14 Rafouille

一個孩子組合子描述了兩個元素之間的童年關係。子組合器由「大於號」（U + 003E，>）字符組成，並將兩個簡單選擇器序列分開。

實例：

以下選擇表示p元素即身體的孩子：

體> P上的以下例子結合後裔組合子和子組合子。

div ol> li p它表示一個p元素，它是元素的後代; li元素必須是ol元素的子元素; ol 元素必須是div的後代。請注意，「>」組合器周圍的可選白色空白已被省略。

參考https://www.w3.org/TR/selectors/#child-combinators

來源

2016-04-14 17:06:50

從here

div > p { 
     background-color: yellow; 
    }

選擇和風格的每個p元素如果母公司是一個div元素

來源

2016-04-14 17:07:24 Anfuca

這意味着嫡系提取。

例如，footer這裏是直系後代，而p不是。

<div> 
    <footer> 
     <p> 
     </p> 
    </footer> 
</div>

來源

2016-04-14 17:08:08

這意味着直系孩子。

它指的是某些元素的直接子女。

實施例1：

Parent_1 

child_1 

child_1 

Parent_2 

child_2

實施例2：

<div> 
    <p class="some_class">Some text here</p>  <!-- Selected [1] --> 
    <blockquote> 
     <p class="some_class">More text here</p> <!-- Not selected [2] --> 
    </blockquote> 
</div>

帽子裝置選擇div > p.some_class僅選擇直接坐在一個div內，不被內進一步嵌套段落.some_class段落。

Check here more..

check here more.. 2

來源

2016-04-14 17:08:09 Phoenix

是什麼>的目的，在一個CSS文件

回答

相關問題