課時(shí)78.序選擇器下（掌握）

tomato 發(fā)布于2019-04-23 13:37 / 2725人閱讀

摘要：如果我們現(xiàn)在有一個(gè)需求，我想把所有的倍數(shù)改變顏色，應(yīng)該怎么辦呢然后只要是的倍數(shù)就改變顏色了，，，這個(gè)，用戶自定義，然后它就會(huì)選中滿足你公式的這一行。

:nth-child(odd)選中同級(jí)別中的所有奇數(shù)

:nth-child(even)選中同級(jí)別中的所有偶數(shù)

:nth-of-type(odd)選中同級(jí)別中的所有奇數(shù)

:nth-of-type(even)選中同級(jí)別中的所有偶數(shù)

如果從中還有一些其它的標(biāo)簽，我們可以用這個(gè)選擇器

:nth-child(xn+y)

x和y是用戶自定義的，而n是一個(gè)計(jì)數(shù)器，從0開始遞增

來看下面的例子

這個(gè)2n+1是什么含義呢？這個(gè)含義非常簡(jiǎn)單，它首先會(huì)看到這里有多少個(gè)標(biāo)簽，一看有11個(gè)標(biāo)簽，所以這個(gè)n就是從0-11，它會(huì)依次用2乘以0-11，然后再加上1，第一個(gè)就是2*0+1=1，那么它就選中了第一個(gè)；

　　　　第二個(gè)就是2*1+1=3，那么它就選中了第三個(gè)；

依次類推。。。

如果我們現(xiàn)在有一個(gè)需求，我想把所有3的倍數(shù)改變顏色，應(yīng)該怎么辦呢？

然后只要是3的倍數(shù)就改變顏色了，3，6，9

這個(gè)x，y 用戶自定義，然后它就會(huì)選中滿足你公式的這一行。

那么，到現(xiàn)在為止，給大家補(bǔ)充了兩點(diǎn)內(nèi)容

1.通過單詞選定同級(jí)別中所有奇數(shù)或者偶數(shù)

2.通過用戶自定義公式來選定

大家來看這個(gè)日歷就是用到了非常多的序選擇器，比如，我想選中28，29，30，31讓它們變?yōu)榛疑?，又選中6月1日，給它加上兒童節(jié)

但是這里涉及到了一個(gè)css盒子模型的一個(gè)知識(shí)，我們暫時(shí)還做不了，我們可以等到學(xué)完了css盒模型我們?cè)賮碜鲞@個(gè)案例。

云服務(wù)器 GPU云服務(wù)器課時(shí) a78 php 78E 掌握程度

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/2116.html

相關(guān)文章

課時(shí)77.序選擇器（掌握）

CSS3中新增的選擇器最具代表性的就是序選擇器。 1.同級(jí)別的第幾個(gè) 1.? ? ? :first-child 選中同級(jí)別中的第一個(gè)標(biāo)簽注意點(diǎn)：不區(qū)分類型 ? ? ?? 但是我們這里有一個(gè)注意點(diǎn)，如果我們?cè)诘谝粋€(gè)p之前加一個(gè)h1，則第一個(gè)p就不變紅了，因?yàn)槲覀兪沁x中同級(jí)別中的第一個(gè)標(biāo)簽，在我們這個(gè)界面中，h1，p，div是同級(jí)別的，所以第一個(gè)p不變色。 ? 2.? :last-child 選中同...

appetizerio 2019-04-23 13:37 評(píng)論0 收藏0
我是如何學(xué)習(xí)游戲引擎的？

摘要：下面列舉了游戲開發(fā)中常見的崗位以及兩條常見的協(xié)作開發(fā)的流水線其實(shí)學(xué)習(xí)游戲引擎，前期對(duì)于任何崗位來說路線都是相似的，基本上就是一個(gè)熟悉基本操作理解基本概念拓展專業(yè)知識(shí)的過程。當(dāng)然這不是絕對(duì)的，任何引擎的開始階段和大成階段都是相似的。這是【游戲開發(fā)那些事】第51篇原創(chuàng) 前言：游戲引擎，表面...

未東興 2021-09-30 09:48 評(píng)論0 收藏0
Java面試 32個(gè)核心必考點(diǎn)完全解析

摘要：如問到是否使用某框架，實(shí)際是是問該框架的使用場(chǎng)景，有什么特點(diǎn)，和同類可框架對(duì)比一系列的問題。這兩個(gè)方向的區(qū)分點(diǎn)在于工作方向的側(cè)重點(diǎn)不同。 [TOC] 這是一份來自嗶哩嗶哩的Java面試Java面試 32個(gè)核心必考點(diǎn)完全解析（完）課程預(yù)習(xí) 1.1 課程內(nèi)容分為三個(gè)模塊基礎(chǔ)模塊：技術(shù)崗位與面試計(jì)算機(jī)基礎(chǔ) JVM原理多線程設(shè)計(jì)模式數(shù)據(jù)結(jié)構(gòu)與算法應(yīng)用模塊：常用工具集 ...

JiaXinYi 2019-08-16 16:53 評(píng)論0 收藏0
課時(shí)61.文字相關(guān)屬性（掌握）

摘要：那么我們?cè)趺粗滥男┦沁x擇器哪些是屬性呢我們打開的官方文檔選擇，然后選擇基礎(chǔ)教程選擇基礎(chǔ)語法，如下圖所示從這里我們可以看到相關(guān)的結(jié)構(gòu)從本課時(shí)我們就開始來學(xué)習(xí)CSS，其實(shí)學(xué)習(xí)CSS非常簡(jiǎn)單，主要就是學(xué)習(xí)兩大塊內(nèi)容，一塊是CSS選擇器，一塊就是屬性的知識(shí)，把這兩塊內(nèi)容學(xué)完了你的CSS就學(xué)完了,那么什么是我們的CSS的選擇器呢？什么又是我們的CSS屬性呢？屬性其實(shí)就是我們寫在大括號(hào)中的內(nèi)容就是我們...

RebeccaZhong 2019-04-23 13:38 評(píng)論0 收藏0
課時(shí)76.兄弟選擇器（掌握）

摘要：我們先來明確一點(diǎn)，什么是兄弟比如，和是兄弟，必須是同級(jí)關(guān)系，如果是嵌套關(guān)系，兒子，孫子則不可以。我們先來明確一點(diǎn)，什么是兄弟？比如，head和body是兄弟，必須是同級(jí)關(guān)系，如果是嵌套關(guān)系，兒子，孫子則不可以。 1.相鄰兄弟選擇器 CSS2 作用：給指定選擇器后面緊跟的那個(gè)選擇器選中的標(biāo)簽設(shè)置屬性格式：　　　　　　選擇器1+選擇器2{ 　　　　　　　　　　　　屬性：值; } 我們將兩...

snowLu 2019-04-23 13:37 評(píng)論0 收藏0