CSS セレクタ

背景
投稿者投稿者marineいいね3お気に入り登録2
プレイ回数1936難易度(4.3) 1457打 英語
CSSの暗記用です
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 mh 2466 頑張ったね! 2.5 97.6% 576.6 1457 35 43 2026/01/15
2 mikaroko 1705 もう一歩! 1.7 97.4% 831.9 1457 38 43 2025/12/16

関連タイピング

問題文

ふりがな非表示 ふりがな表示
(*{font-weight:normal;}) *{font-weight:normal;} (h1,.class,#id{font-size:20px;}) h1,.class,#id{font-size:20px;} (section h1{color:rgb(51,51,204);}) section h1{color:rgb(51,51,204);} (main>div{margin:10px;}) main>div{margin:10px;} (h1+p:before{content:'1';}) h1+p:before{content:'1';} (img~h1{color:hsla(180,100%,50%,0.5);}) img~h1{color:hsla(180,100%,50%,0.5);} ([href]{color:blue;}) [href]{color:blue;} (a[href='#']{color:hsla(270,100%,50%,.5);}) a[href='#']{color:hsla(270,100%,50%,.5);} (div[class~='box']{color:hsla(90,100%,50%,.5);}) div[class~='box']{color:hsla(90,100%,50%,.5);} (h1[class|='box']{color:rgba(0,0,128,.5);}) h1[class|='box']{color:rgba(0,0,128,.5);}
(a[href^='https']{color:rgba(0,255,0,.8);}) a[href^='https']{color:rgba(0,255,0,.8);} ([href$='index.html']{background-color:silver;}) [href$='index.html']{background-color:silver;} ([href*='com']{background-color:hsla(180,100.0%,50.0%,.2);}) [href*='com']{background-color:hsla(180,100.0%,50.0%,.2);} (a:link{color:salmon;}) a:link{color:salmon;} (a:visited{color:#0ff;}) a:visited{color:#0ff;} (a:hover{color:limegreen;}) a:hover{color:limegreen;} (a:active{color:#ff0;}) a:active{color:#ff0;} (:target{display:block;}) :target{display:block;} (textarea:focus{border:5px ridge #f00;}) textarea:focus{border:5px ridge #f00;} (textarea:enabled{background-color:rgba(255,255,0,.3);}) textarea:enabled{background-color:rgba(255,255,0,.3);}
など
(textarea:disabled{opacity:0.5;}) textarea:disabled{opacity:0.5;} (lang(ja){font-size:x-large;}) lang(ja){font-size:x-large;} (input:checked+label{font-weight:bold;}) input:checked+label{font-weight:bold;} (root{font-size:20px;}) root{font-size:20px;} (div:empty{border:0.5em solid hsl(0,0%,70%);}) div:empty{border:0.5em solid hsl(0,0%,70%);} (form label:nth-child(4n-2){color:rgb(255,255,255);}) form label:nth-child(4n-2){color:rgb(255,255,255);} (ul li:nth-child(even){color:blue;}) ul li:nth-child(even){color:blue;} (ul li:nth-child(odd){color:maroon;}) ul li:nth-child(odd){color:maroon;} (section div:nth-last-child(2){background-color:green;}) section div:nth-last-child(2){background-color:green;} (p:first-child{color:olive;}) p:first-child{color:olive;} (p:last-child{border:0.5ex dotted yellow;}) p:last-child{border:0.5ex dotted yellow;} (form label:nth-of-type(2){color:purple;}) form label:nth-of-type(2){color:purple;} (td:nth-last-of-type(3){color:red;}) td:nth-last-of-type(3){color:red;} (td:first-of-type{color:olive;}) td:first-of-type{color:olive;} (td:last-of-type{color:white;}) td:last-of-type{color:white;} (td:only-of-type{color:navy;}) td:only-of-type{color:navy;} (p:first-line{font-size:xx-large;}) p:first-line{font-size:xx-large;} (p:first-letter{text-shadow:0.2ex 0.2ex 0.2ex pink;}) p:first-letter{text-shadow:0.2ex 0.2ex 0.2ex pink;} (h4:only-of-type{text-shadow:3px 3px aqua;}) h4:only-of-type{text-shadow:3px 3px aqua;} (h2:before{content:'@';}) h2:before{content:'@';} (h2:after{content:'!?';}) h2:after{content:'!?';} (input:placeholder{color:lime;}) input:placeholder{color:lime;} (:not(footer){color:blue;}) :not(footer){color:blue;}
問題文を全て表示 一部のみ表示 誤字・脱字等の報告

marineのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード