CSS セレクタ
関連タイピング
-
自作のハンバーガーメニューを作成しましょう！
プレイ回数3264英語長文721打 -
HTML＆CSSを忘れないために
プレイ回数2.6万英語長文759打 -
javascriptの練習用です。
プレイ回数1万長文1106打 -
タッチタイピングをマスターしたい方向けの問題です。
プレイ回数9184英字342打 -
C言語を用いた記号・数字のタッチタイピング練習です。
プレイ回数1617英語長文220打 -
Pyhonのプログラミングで使いそうな単語・記号を集めました
プレイ回数440英語短文30秒 -
Pythonプログラミングのタイピング超入門です。
プレイ回数3138短文90秒 -
Javaプログラミングにおける超入門タイピング練習です．
プレイ回数4333短文英字90秒
問題文
(*{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;}