我在一些代碼示例class1> class2 {class definition}中看到過。以上符號代表什麼意思?CSS class1> class2的含義?
0
A
回答
7
如果class2
是class1
的直接後代(子),則將該規則應用於類別爲class2
的元素。
請注意,這並不在IE版本7和更低
一個小的演示工作:
同時請注意,應該寫成
.class1 > .class2
(帶點(.
)在類名的前面,而不只是名稱)
1
cl屁股2這裏是1級的,例如直接孩子:
<div class="class1">
<div class="class2">
.....
</div>
<div class="class2">
.....
</div>
<div class="class2">
.....
</div>
.....
</div>
然後,如果我們致電:
.class1 > .class2{
/* something */
}
那麼只有第一個「類2」分區的「1類」的div內將影響樣式。
2
請查看本演示(請刪除/添加(>),那麼你可以看到的是不同的)
相關問題
- 1. css border property {1,4}的含義?
- 2. document.getElementsByClassName('class1')。className + ='class2';
- 3. 如何在CSS中找到class =「class1」class =「class2」?
- 4. 這意味着如何使用CSS類:.class1.class2?
- 5. Css多個類選擇器.class1.class2不工作
- 6. 疑問,在CSS選擇器> [#ID(.class1或.class2)
- 7. CSS屬性之前的含義
- 8. CSS中的重要含義是什麼?
- 9. html.oldie在CSS中的含義是什麼?
- 10. 「*」在CSS中的含義是什麼?
- 11. 任何CSS屬性之前'*'的含義
- 12. 點在CSS中的含義是什麼?
- 13. * width:auto在CSS中的含義是什麼?
- 14. 「+」在CSS中的含義是什麼?
- 15. 「>」在CSS中的含義是什麼?
- 16. [class^= blah]在CSS中的含義
- 17. 「_height」在css中的含義是什麼?
- 18. 將CSS屬性包含在另一箇中,以及在css中的'&'的含義
- 19. 含義 '*' 的
- 20. 循環遍歷表的行,其中表的類屬性包含class1或class2
- 21. 什麼是CSS中的'qualified'的定義/含義? (csslint.net警告)
- 22. Twitter Bootstrap自定義CSS包含
- 23. 從Class2調用Class1的獲取者
- 24. OOP:從class2中獲取構造定義的class1的變量(擴展class1)
- 25. 我可以在另一個css定義中包含css定義嗎?
- 26. 腳本#創建類,如class1.class2.class3
- 27. 使用Assembly.GetType(「MyCompany.Class1.Class2」)返回null
- 28. C++我要像做Class1.Class2.Fct()
- 29. 如何在SASS中編寫.class1> class2 {}?
- 30. 查詢(class1).join(class2)做什麼?
MDN:子選擇器(https://developer.mozilla.org/ EN/CSS/Child_selectors)。 – 2012-04-26 10:21:02