CSS　セレクタ編

投稿者marine  プレイ回数888  お気に入り2
難易度(4.2) 1463打 英語  タグcss 暗記用 プログラミング
CSSの暗記用です
順位 名前 スコア 称号 打鍵/秒 正誤率 時間(秒) 打鍵数 ミス 問題 日付
1 hakushak 4584 エキスパート！ 4.8 95.6% 304.7 1463 66 43 2021/01/11

関連タイピング

関連タイピング一覧

問題文

ふりがな非表示 ふりがな表示

(*{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のタイピング

もっと見る

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

もっと見る
タイピング練習講座 ローマ字入力表

人気ランキング

もっと見る

注目キーワード