cssパリティ子孫セレクタ

1502 ワード

学生の質問よくある効果 CSS

詳細
【前言】
分類欄の左右の異なるスタイルのニーズに遭遇し,以前に用いたphpで判断した.より簡単な方法を紹介します.css子孫セレクタは、jqueryにクラス名を追加することで実現できます.

【本体】
(1)css子孫セレクタ
①奇数セレクタ:

ul li:nth-child(2n+1){color:red}

②偶数セレクタ

ul li:nth-child(2n){color:black}

(2)jQueryクラス名の追加

var itemList = $('ul li');
for(var i = 0;i 
        css     
    
  .red-color{color:red;}
.black-color{color:black;}
  
  
(3)  
パリティのほか、ラベルクラウドのような   も  .plinks li:nth-child(2n+0){
    background: #EB6841;
}
.plinks li:nth-child(2n+1){
    background: #20a8fe;
}
.plinks li:nth-child(2n+2){
    background: #FE4365;
}
.plinks li:nth-child(2n+3){
    background: #EDC951;
}
.plinks li:nth-child(2n+4){
    background-color: #5cb85c;
}
.plinks li:nth-child(2n+5){
    background-color: #b433ff;
}
.plinks li:nth-child(2n+6){
    background-color: #567e95;
}
.plinks li:nth-child(2n+7){
    background-color: #f60;

}
.plinks li:nth-child(2n+8){
    background-color: #d9534f;
}
.plinks li:nth-child(2n+8){
    background-color: #d9214f;
}
  
  
  
  
  
  
  
  
.

Error: Error fetching Firestore indexes

FirestoreにCSVをインポートする