在一些 頁面效果中我們可能對數量達到n以及未達到n的列表做特殊的處理。這就要求我們使用到css的數量查詢。
在製作相應式頁面時，在不同解析度下可能column會有不同的排列方式。
css中的計數
1.數乙個的情況
:only-child和:only-of-type
2.數n個
前面通過:only-child或:only-of-type數到只有乙個元素的列表，配合:not(only-child)或:not(:only-of-type)可以數到列表專案數大於乙個元素的所有列表。
既然:nth-last-child(6):first-child可以選擇到第乙個，而:nth-last-child(6):first-child ~ li可以選擇到第2~6個li。如此一來，將這兩個選擇器組合在一起，就可以選擇只有6個li的列表，也就達到我們需要的目標：
li
:nth-last-child(6)
:first-child,li
:nth-last-child(6)
:first-child
~ li
3.數大於或等於n個
，如果我們要選擇的列表數大於6個的所有li時，可以通過:nth-last-child(n+6)結合:nth-last-child(n + 6) ~ li完成
4.數小於或等於n
li
:nth-last-child(-n
+ 6):first-child,li
:nth-last-child(-n
+ 6):first-child
~ li
li:
nth-last-child(n + 4
):nth-last-child
(-n+6
):first-child
,li:
nth-last-child(n + 4
):nth-last-child
(-n+6
):first-child
~ l
查詢同構數的數量
詳細描述 原型 輸入引數 int n 查詢1至n之間的全部同構數 返回值 int 1至n之間同構數的個數 include oj.h bool issameconstructnum int n if copyn sq ditnum return true else return false 功能 找出...
按日期查詢數量的SQL
use tongxing declare days int set days 1000 表示跟今天相差的天數,今天為1,乙個星期內為7.select case when iclassid 1 then 新聞 when iclassid 2 then 生活 when iclassid 3 then 軍...
CSS3中的media查詢
這幾天，在看慕課網的css3，寫得很詳細，位址在這 做一下筆記 1 css3中的10種 查詢型別 值 裝置型別 all 所有裝置 需要熟悉的 screen 螢幕顯示器 需要熟悉的 print 列印用紙或列印預覽檢視 需要熟悉的 braille 盲人用點字法觸覺回饋裝置 embossed 盲文印表機 ...