資訊專欄INFORMATION COLUMN
摘要：什么是后代選擇器作用找到指定標(biāo)簽的所有后代標(biāo)簽，設(shè)置屬性。首先你要明確什么是后代你的兒子，孫子，重孫子等，只要有你的血脈的，都是你的后代。
1.什么是后代選擇器？
作用：找到指定標(biāo)簽的所有后代標(biāo)簽，設(shè)置屬性。
首先你要明確什么是后代？
你的兒子，孫子，重孫子等，只要有你的血脈的，都是你的后代。
我們先來舉個(gè)例子
我們想讓div中的標(biāo)簽變紅
1.用標(biāo)簽選擇器可以做嗎？
不可以，它會(huì)選中頁面上的所有p，包括div以外的
2.用id選擇器可以做嗎？
可以，可以給div中的兩個(gè)p設(shè)置id，然后通過id選擇器給這兩個(gè)p設(shè)置顏色
3.用class選擇器可以做嗎？
可以，分別給它們?cè)O(shè)置class，然后設(shè)置顏色
但是無論是用id，class選擇器都有一個(gè)弊端，就是如果一個(gè)界面，div中有成千上萬個(gè)p怎么辦？難道你要一個(gè)個(gè)的去設(shè)置？這樣工作量就比較大了，所以要用到一個(gè)后代選擇器。
格式：
標(biāo)簽名稱1 標(biāo)簽名稱2{
? ? 屬性:值;
}
先找到標(biāo)簽名稱叫做標(biāo)簽名稱1的標(biāo)簽，然后再在這個(gè)標(biāo)簽下面去查找所有名稱叫做標(biāo)簽名稱2的標(biāo)簽，然后再設(shè)置屬性
div p{}
注意點(diǎn)：
1.后代選擇器必須用空格隔開
2.后代不僅僅是兒子，也包括孫子/重孫子，只要最終是放到指定標(biāo)簽中的都是后代
3.后代選擇器不僅僅可以使用標(biāo)簽名稱，還可以使用其它選擇器
1.將id名稱與標(biāo)簽名稱結(jié)合使用
? ??
2.將類名稱與標(biāo)簽名稱結(jié)合使用
? ?
3.將id名稱與id名稱結(jié)合使用
? ??
4.將id名稱與類名稱結(jié)合使用
??
我們?cè)谶@里需要補(bǔ)充一點(diǎn)：后代選擇器可以無限的往下延伸
??
有一個(gè)空格代表是一個(gè)后代
div? ul代表先找到div，從div中找到所有名字叫做ul的后代，只有一個(gè)名字叫做ul的，然后再來個(gè)空格，代表著從ul中去找到名稱叫做li的后代，那我們這里有幾個(gè)li的后代呢？我們可以找到兩個(gè)，后面又有了空格，代表著從li里面去找p的后代，先找到li里面叫做p的后代，找到了，就設(shè)置顏色，而第二個(gè)里面沒有名字叫做p的后代，就沒有找到，沒有找到就什么都不做，而如果第二段li中也有p，那么就會(huì)有兩個(gè)p變顏色。
?
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/2125.html
摘要：什么是子元素選擇器作用找到指定標(biāo)簽中所有特定的直接子元素，然后設(shè)置屬性。子元素選擇器可以通過符號(hào)一知延續(xù)下去1.什么是子元素選擇器？ 作用：找到指定標(biāo)簽中所有特定的直接子元素，然后設(shè)置屬性。 格式： 標(biāo)簽名稱1>標(biāo)簽名稱2{ ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值； } 先找到名稱叫做標(biāo)簽名稱1的標(biāo)簽，然后在這個(gè)標(biāo)簽中查找所有直接子元素名稱叫做標(biāo)準(zhǔn)名稱2的元素 ?? 注意...
摘要：后代選擇器和子元素選擇器之間的區(qū)別后代選擇器使用空格作為連接符號(hào)子元素選擇器使用作為連接符號(hào)后代選擇器會(huì)選中指定標(biāo)簽中，所有的特定后代標(biāo)簽，也就是會(huì)選中兒子孫子，只要是被放到指定標(biāo)簽中的特定標(biāo)簽都會(huì)被選中。1.后代選擇器和子元素選擇器之間的區(qū)別？ 1.1后代選擇器使用空格作為連接符號(hào) 子元素選擇器使用>作為連接符號(hào) 1.2后代選擇器會(huì)選中指定標(biāo)簽中，所有的特定后代標(biāo)簽，也就是會(huì)選中兒子/孫子...
摘要：下面列舉了游戲開發(fā)中常見的崗位以及兩條常見的協(xié)作開發(fā)的流水線其實(shí)學(xué)習(xí)游戲引擎，前期對(duì)于任何崗位來說路線都是相似的，基本上就是一個(gè)熟悉基本操作理解基本概念拓展專業(yè)知識(shí)的過程。當(dāng)然這不是絕對(duì)的，任何引擎的開始階段和大成階段都是相似的。 這是【游戲開發(fā)那些事】第51篇原創(chuàng) 前言：游戲引擎，表面...
摘要：現(xiàn)在，我有一個(gè)需求，我要求將中的兩個(gè)標(biāo)簽設(shè)置為紅色，要求用前面所有學(xué)過的選擇器來做這個(gè)練習(xí)。 現(xiàn)在，我有一個(gè)需求，我要求將div中的兩個(gè)p標(biāo)簽設(shè)置為紅色，要求用前面所有學(xué)過的選擇器來做這個(gè)練習(xí)。 1.標(biāo)簽選擇器 2.id選擇器 3.類選擇器 4.后代選擇器 5.子元素選擇器 6.交集選擇器 7.并集選擇器 8.通用兄弟選擇器 9.序選擇器 先找到同類型的p，n從0開始，先選...
摘要：我們先來明確一點(diǎn)，什么是兄弟比如，和是兄弟，必須是同級(jí)關(guān)系，如果是嵌套關(guān)系，兒子，孫子則不可以。我們先來明確一點(diǎn)，什么是兄弟？ 比如，head和body是兄弟，必須是同級(jí)關(guān)系，如果是嵌套關(guān)系，兒子，孫子則不可以。 1.相鄰兄弟選擇器 CSS2 作用：給指定選擇器后面緊跟的那個(gè)選擇器選中的標(biāo)簽設(shè)置屬性 格式： 選擇器1+選擇器2{ 屬性：值; } 我們將兩...
閱讀 2243·2021-11-15 11:39
閱讀 1008·2021-09-26 09:55
閱讀 949·2021-09-04 16:48
閱讀 2868·2021-08-12 13:23
閱讀 935·2021-07-30 15:30
閱讀 2469·2019-08-29 14:16
閱讀 903·2019-08-26 10:15
閱讀 539·2019-08-23 18:40
