span中嵌套span
span中嵌套一個span,使用子選擇器的時候,(.first>span{.....})為什么只有外面那個span標記的內(nèi)容會被處理,里面那個span什么變動也沒有。如果里面那個span的內(nèi)容也需要想通的處理應該怎么辦
span中嵌套一個span,使用子選擇器的時候,(.first>span{.....})為什么只有外面那個span標記的內(nèi)容會被處理,里面那個span什么變動也沒有。如果里面那個span的內(nèi)容也需要想通的處理應該怎么辦
2017-03-14
舉報
2017-03-14
(.first>span{.....}) >就是為class first下的span的第一代子元素也就是總體元素設置樣式,內(nèi)層的是第二代子元素了,即加入空格,用于選擇指定標簽元素下的后輩元素。如右側代碼編輯器中的代碼.first ?span{color:red;}
后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。
2017-03-14
(.first>span{.....}) >就是為class first下的span的第一代子元素(直接后代)設置樣式,內(nèi)層的是第二代子元素了,要是想都處理的話,就用(.first span{.....}) ?>換為空格 ? 就包含所有子元素