:required validation in CSS3
Benedicte Roussel <[email protected]> Tue, 14 Jun 2016 22:38:58 +0000 (UTC)
| Newsgroups | gmane.org.w3c.validator.css |
|---|---|
| Message-ID | <[email protected]> |
------=_Part_5619612_1986630266.1465943938192
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: quoted-printable
Good day,
I have used :required in a HTLM5 form<label for=3D"mail">Votre mail : </lab=
el><input type=3D"email" name=3D"mail" id=3D"mail" required/>. It was under=
stood by the navigators but in the validator instead of writing the followi=
ng in my CSS3: =C2=A0
:required{ background-color:pink;}:focus{ background-color:whitesmoke;}fiel=
dset{ margin:20px; background-color:#FFEFD5;
}
I had to write the following in order that my CSS (level3) be validated.
[required]{ background-color:pink;}:focus{ background-color:whitesmoke;}fie=
ldset{ margin:20px; background-color:#FFEFD5;
}
Could we expect that :required be validated by CSS3 validator in a very nea=
r future ? Or am I dreaming about it ?
I thank you for the attention drawn to this mail.
I look forwards to receiving you answer.
Yours sincerely
Benedicte
------=_Part_5619612_1986630266.1465943938192
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: quoted-printable
<html><head></head><body><div style=3D"color:#000; background-color:#fff; f=
ont-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, =
sans-serif;font-size:16px"><div id=3D"yui_3_16_0_ym19_1_1465942911755_3659"=
>Good day,</div><div id=3D"yui_3_16_0_ym19_1_1465942911755_3659"><br></div>=
<div id=3D"yui_3_16_0_ym19_1_1465942911755_3659" dir=3D"ltr">I have used :r=
equired in a HTLM5 form<font size=3D"2" id=3D"yui_3_16_0_ym19_1_14659429117=
55_4424"><label for=3D"mail">Votre mail : </label><input typ=
e=3D"email" name=3D"mail" id=3D"mail" required/></font>. It was understo=
od by the navigators but in the validator instead of writing the following =
in my CSS3: </div><div id=3D"yui_3_16_0_ym19_1_1465942911755_3659" di=
r=3D"ltr"><br></div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_=
3875"><span id=3D"yui_3_16_0_ym19_1_1465942911755_4044" style=3D"background=
-color: rgb(173, 215, 115);"><b id=3D"yui_3_16_0_ym19_1_1465942911755_4446"=
>:required</b></span></div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942=
911755_3876">{</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_=
3877"><span style=3D"white-space:pre-wrap;" id=3D"yui_3_16_0_ym19_1_1465942=
911755_3878">=09</span>background-color:pink;</div><div dir=3D"ltr" id=3D"y=
ui_3_16_0_ym19_1_1465942911755_3879">}</div><div dir=3D"ltr" id=3D"yui_3_16=
_0_ym19_1_1465942911755_3880">:focus</div><div dir=3D"ltr" id=3D"yui_3_16_0=
_ym19_1_1465942911755_3881">{</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1=
_1465942911755_3882"><span style=3D"white-space:pre-wrap;" id=3D"yui_3_16_0=
_ym19_1_1465942911755_3883">=09</span>background-color:whitesmoke;</div><di=
v dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3884">}</div><div dir=
=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3885">fieldset</div><div dir=
=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3886">{</div><div dir=3D"ltr=
" id=3D"yui_3_16_0_ym19_1_1465942911755_3887"><span style=3D"white-space:pr=
e-wrap;" id=3D"yui_3_16_0_ym19_1_1465942911755_3888">=09</span>margin:20px;=
</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3889"><span st=
yle=3D"white-space:pre-wrap;" id=3D"yui_3_16_0_ym19_1_1465942911755_3890">=
=09</span>background-color:#FFEFD5;</div><div dir=3D"ltr" id=3D"yui_3_16_0_=
ym19_1_1465942911755_3891"><br id=3D"yui_3_16_0_ym19_1_1465942911755_3892">=
</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3893">}</div><=
div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3894"><br id=3D"yui_3=
_16_0_ym19_1_1465942911755_3895"></div><div id=3D"yui_3_16_0_ym19_1_1465942=
911755_3659" dir=3D"ltr"><font id=3D"yui_3_16_0_ym19_1_1465942911755_4150">=
<b id=3D"yui_3_16_0_ym19_1_1465942911755_4406" style=3D"background-color: r=
gb(253, 248, 105);">I had to write the following in order that my CSS (leve=
l3) be validated.</b></font></div><div id=3D"yui_3_16_0_ym19_1_146594291175=
5_3659" dir=3D"ltr"><font color=3D"#fdef2b"><br></font></div><div id=3D"yui=
_3_16_0_ym19_1_1465942911755_3659" dir=3D"ltr"><br></div><div dir=3D"ltr" i=
d=3D"yui_3_16_0_ym19_1_1465942911755_3788"><span style=3D"background-color:=
rgb(228, 172, 100);" id=3D"yui_3_16_0_ym19_1_1465942911755_4113"><b id=3D"=
yui_3_16_0_ym19_1_1465942911755_4158">[required]</b></span></div><div dir=
=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3789">{</div><div dir=3D"ltr=
" id=3D"yui_3_16_0_ym19_1_1465942911755_3790"><span style=3D"white-space:pr=
e-wrap;" id=3D"yui_3_16_0_ym19_1_1465942911755_3791">=09</span>background-c=
olor:pink;</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3792=
">}</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3793">:focu=
s</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3794">{</div>=
<div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3795"><span style=3D=
"white-space:pre-wrap;" id=3D"yui_3_16_0_ym19_1_1465942911755_3796">=09</sp=
an>background-color:whitesmoke;</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19=
_1_1465942911755_3797">}</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465=
942911755_3798">fieldset</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465=
942911755_3799">{</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_14659429117=
55_3800"><span style=3D"white-space:pre-wrap;" id=3D"yui_3_16_0_ym19_1_1465=
942911755_3801">=09</span>margin:20px;</div><div dir=3D"ltr" id=3D"yui_3_16=
_0_ym19_1_1465942911755_3802"><span style=3D"white-space:pre-wrap;" id=3D"y=
ui_3_16_0_ym19_1_1465942911755_3803">=09</span>background-color:#FFEFD5;</d=
iv><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3804"><br id=3D"y=
ui_3_16_0_ym19_1_1465942911755_3805"></div><div dir=3D"ltr" id=3D"yui_3_16_=
0_ym19_1_1465942911755_3806">}</div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_=
1_1465942911755_3806"><br></div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_14=
65942911755_3806"><b id=3D"yui_3_16_0_ym19_1_1465942911755_4216">Could we e=
xpect that <span style=3D"background-color: rgb(173, 215, 115);"><span id=
=3D"yui_3_16_0_ym19_1_1465942911755_4478">:required</span> </span>be valida=
ted by CSS3 validator in a very near future ? Or am I dreaming about it ?</=
b></div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3806"><b><br=
></b></div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3806"><sp=
an id=3D"yui_3_16_0_ym19_1_1465942911755_4568">I thank you for the attentio=
n drawn to this mail.</span></div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_=
1465942911755_3806"><span><br></span></div><div dir=3D"ltr" id=3D"yui_3_16_=
0_ym19_1_1465942911755_3806"><span>I look forwards to receiving you answer.=
</span></div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3806"><=
b><br></b></div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3806=
"><span id=3D"yui_3_16_0_ym19_1_1465942911755_4246">Yours sincerely</span><=
/div><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3806"><br></div=
><div dir=3D"ltr" id=3D"yui_3_16_0_ym19_1_1465942911755_3806"><span id=3D"y=
ui_3_16_0_ym19_1_1465942911755_4250">Benedicte</span></div></div></body></h=
tml>
------=_Part_5619612_1986630266.1465943938192--