課時78.序選擇器下（掌握）

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

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

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

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

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

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

如果從中還有一些其它的標簽，我們可以用這個選擇器

:nth-child(xn+y)

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

來看下面的例子

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

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

依次類推。。。

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

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

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

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

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

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

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

但是這里涉及到了一個css盒子模型的一個知識，我們暫時還做不了，我們可以等到學(xué)完了css盒模型我們再來做這個案例。

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/2116.html

相關(guān)文章

課時77.序選擇器（掌握）

CSS3中新增的選擇器最具代表性的就是序選擇器。 1.同級別的第幾個 1.? ? ? :first-child 選中同級別中的第一個標簽注意點：不區(qū)分類型 ? ? ?? 但是我們這里有一個注意點，如果我們在第一個p之前加一個h1，則第一個p就不變紅了，因為我們是選中同級別中的第一個標簽，在我們這個界面中，h1，p，div是同級別的，所以第一個p不變色。 ? 2.? :last-child 選中同...

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

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

未東興 2021-09-30 09:48 評論0 收藏0
Java面試 32個核心必考點完全解析

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

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

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

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

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

snowLu 2019-04-23 13:37 評論0 收藏0