ワードプレスプラグイン『WooCommerce Bookings』の datepicker の曜日色分け

この記事の公開年月日：2018-2-25 | style | この記事のURL： https://jp.rainbow-link.com/marketing_article55.htm

株式会社レインボーリンク公式サイト

.ui-datepicker-calendar tr th:first-child  { /* 月曜日 */
    background-color: green; 
}
.ui-datepicker-calendar tr th:first-child + th { /* 火曜日 */
    background-color: green; 
}
.ui-datepicker-calendar tr th:first-child + th + th { /* 水曜日 */
    background-color: green; 
}
.ui-datepicker-calendar tr th:first-child + th + th + th { /* 木曜日 */
    background-color: green; 
}
.ui-datepicker-calendar tr th:first-child + th + th + th + th { /* 金曜日 */
    background-color: green; 
}
.ui-datepicker-calendar tr th:first-child + th + th + th + th + th { /* 土曜日 */
    background-color: blue; 
}
.ui-datepicker-calendar tr th:first-child + th + th + th + th + th + th { /* 日曜日 */
    background-color: red; 
}

このページのURL： https://jp.Rainbow-Link.com/marketing_article55.htm

RainbowLink Inc. ( 株式会社レインボーリンク )

https://jp.Rainbow-Link.com/

株式会社レインボーリンク
https://jp.Rainbow-Link.com/