HTML中選擇功能的代碼是什么

1、html中選擇功能的代碼是什么什么是挑選器？每一條css樣式聲明(定義)由兩部分組成，形式如下：挑選器樣式;在之前的部分就是挑選器，挑選器指明白中的樣式的作用對(duì)象，也就是樣式作用于網(wǎng)頁(yè)中的哪些元素。比如右側(cè)代碼編輯器中第7行代碼中的body就是挑選器。標(biāo)簽挑選器標(biāo)簽挑選器其實(shí)就是html代碼中的標(biāo)簽。如右側(cè)代碼編輯器中的、。例如下面代碼：pfont-size:12px;line-height:1.6em;上面的css樣式代碼的作用：為p標(biāo)簽設(shè)置12px字號(hào)，行間距設(shè)置1.6em的樣式。類(lèi)挑選器類(lèi)挑選器在css樣式編碼中是最常用到的，如右側(cè)代碼編輯器中的代碼:可以實(shí)現(xiàn)為膽小如鼠、士氣字體設(shè)置為紅

2、色。語(yǔ)法：.類(lèi)選器名稱css樣式代碼;注重：1、英文圓點(diǎn)開(kāi)始2、其中類(lèi)選器名稱可以隨意起名(但不要起中文噢)用法辦法：第一步：用法合適的標(biāo)簽把要修飾的內(nèi)容標(biāo)志起來(lái)，如下：膽小如鼠其次步：用法class="類(lèi)挑選器名稱"為標(biāo)簽設(shè)置一個(gè)類(lèi)，如下：第三步：設(shè)置類(lèi)選器css樣式，如下：.stresscolor:red;id挑選器在無(wú)數(shù)方面，id挑選器都類(lèi)似于類(lèi)挑選符，但也有一些重要的區(qū)分：1、為標(biāo)簽設(shè)置id="id名稱"，而不是class="類(lèi)名稱"。2、id挑選符的前面是井號(hào)()號(hào)，而不是英文

3、圓點(diǎn)(.)。類(lèi)和id挑選器的區(qū)分學(xué)習(xí)了類(lèi)挑選器和id挑選器，我們會(huì)發(fā)覺(jué)他們之間有無(wú)數(shù)的相像處，是不是兩者可以通用呢？我們不要焦急先來(lái)總結(jié)一下他們的相同點(diǎn)和不同點(diǎn)：相同點(diǎn)：可以應(yīng)用于任何元素不同點(diǎn)：1、id挑選器只能在文檔中用法一次。與類(lèi)挑選器不同，在一個(gè)html文檔中，id挑選器只能用法一次，而且僅一次。而類(lèi)挑選器可以用法多次。下面代碼是正確的：三班級(jí)時(shí)，我還是一個(gè)的小女孩，上課從來(lái)不敢回答教師提出的問(wèn)題，生怕回答錯(cuò)了教師會(huì)批判我。就向來(lái)沒(méi)有這個(gè)往返答教師提出的問(wèn)題。而下面代碼是錯(cuò)誤的：三班級(jí)時(shí)，我還是一個(gè)膽小如鼠的小女孩，上課從來(lái)不敢回答教師提出的問(wèn)題，生怕回答錯(cuò)了教師會(huì)批判我。就向來(lái)沒(méi)有這

4、個(gè)士氣往返答教師提出的問(wèn)題。2、可以用法類(lèi)挑選器詞列表辦法為一個(gè)元素同時(shí)設(shè)置多個(gè)樣式。我們可以為一個(gè)元素同時(shí)設(shè)多個(gè)樣式，但只可以用類(lèi)挑選器的辦法實(shí)現(xiàn)，id挑選器是不行以的(不能用法 id 詞列表)。下面的代碼是正確的(完整代碼見(jiàn)右側(cè)代碼編輯器).stresscolor:red;.bigsizefont-size:25px;到了下學(xué)期時(shí)，我們班上了一節(jié)藏匿課.上面代碼的作用是為三班級(jí)三個(gè)文字設(shè)置文本色彩為紅色并且字號(hào)為25px。下面的代碼是不正確的(完整代碼見(jiàn)右側(cè)代碼編輯器)stressidcolor:red;bigsizeidfont-size:25px;到了三班級(jí)下學(xué)期時(shí)，我們班上了一節(jié)藏匿

5、課.上面代碼不行以實(shí)現(xiàn)為三班級(jí)三個(gè)文字設(shè)置文本色彩為紅色并且字號(hào)為25px的作用。子挑選器還有一個(gè)比較實(shí)用的挑選器子挑選器，即大于符號(hào)(>),用于挑選指定標(biāo)簽元素的第一代子元素。如右側(cè)代碼編輯器中的代碼：.food>liborder:1px solid red;這行代碼會(huì)使class名為food下的子元素li(水果、蔬菜)加入紅色實(shí)線邊框。包含(后代)挑選器包含挑選器，即加入空格,用于挑選指定標(biāo)簽元素下的后輩元素。如右側(cè)代碼編輯器中的代碼：.first spancolor:red;這行代碼會(huì)使第一段文字內(nèi)容中的膽小如鼠字體色彩變?yōu)榧t色。請(qǐng)注重這個(gè)挑選器與子挑選器的區(qū)分，子挑選器(c

6、hild selector)僅是指它的挺直后代，或者你可以理解為作用于子元素的第一代后代。而后代挑選器是作用于全部子后代元素。后代挑選器通過(guò)空格來(lái)舉行挑選，而子挑選器是通過(guò)>舉行挑選?？偨Y(jié)：>作用于元素的第一代后代，空格作用于元素的全部后代。通用挑選器通用挑選器是功能最強(qiáng)大的挑選器，它用法一個(gè)(*)號(hào)指定，它的作用是匹配html中全部標(biāo)簽元素，如下用法下面代碼用法html中隨意標(biāo)簽元素字體色彩所有設(shè)置為紅色：* color:red;偽類(lèi)挑選符更好玩的是偽類(lèi)挑選符，為什么叫做偽類(lèi)挑選符，它允許給html不存在的標(biāo)簽(標(biāo)簽的某種狀態(tài))設(shè)置樣式，比如說(shuō)我們給html中一個(gè)標(biāo)簽元素的鼠標(biāo)滑

7、過(guò)的狀態(tài)來(lái)設(shè)置字體色彩：a:hovercolor:red;上面一行代碼就是為 a 標(biāo)簽鼠標(biāo)滑過(guò)的狀態(tài)設(shè)置字體色彩變紅。這樣就會(huì)使第一段文字內(nèi)容中的膽小如鼠文字加入鼠標(biāo)滑過(guò)字體色彩變?yōu)榧t色特效。關(guān)于偽挑選符：關(guān)于偽類(lèi)挑選符，到目前為止，可以兼容全部掃瞄器的偽類(lèi)挑選符就是 a 標(biāo)簽上用法 :hover 了(其實(shí)偽類(lèi)挑選符還有無(wú)數(shù)，尤其是 css3 中，但是由于不能兼容全部掃瞄器，本教程只是講了這一種最常用的)。其實(shí) :hover 可以放在隨意的標(biāo)簽上，比如說(shuō) p:hover，但是它們的兼容性也是很不好的，所以現(xiàn)在比較常用的還是 a:hover 的組合。分組挑選符當(dāng)你想為html中多個(gè)標(biāo)簽元素設(shè)置同一個(gè)樣式時(shí)，可以用