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

tomato 發布于2019-04-23 13:37 / 2673人閱讀

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

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

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

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

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

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

:nth-child(xn+y)

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

來看下面的例子

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

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

依次類推。。。

如果我們現在有一個需求，我想把所有3的倍數改變顏色，應該怎么辦呢？

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

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

那么，到現在為止，給大家補充了兩點內容

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

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

大家來看這個日歷就是用到了非常多的序選擇器，比如，我想選中28，29，30，31讓它們變為灰色，又選中6月1日，給它加上兒童節

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

GPU云服務器云服務器課時 a78 php 78E 掌握程度

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/2116.html

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

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

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

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

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

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

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

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

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

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

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