CSS セレクタ

背景
投稿者投稿者marineいいね3お気に入り登録2
プレイ回数1883難易度(4.3) 1457打 英語
CSSの暗記用です

関連タイピング

問題文

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

(*{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のお気に入り

marineのタイピング

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

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

人気ランキング

注目キーワード