input:required{
border:1px solid rgba(253,8,8,0.29);
input:focus:invilid{
background:url('../img/cross.png') no-repeat right;
padding-right:3px;
input:focus:vlalid{
background:url('../img/tick.png') no-repeat right;
padding-right:3px;
第乙個規則給必填表單域新增了一點紅色邊框。當使用者輸入時,如果所輸入的值不符合規定格式,則第二個式樣會給當前的輸入框加上乙個紅色叉號;如果輸入值符合格式,則第三個樣式會給其加上乙個綠色對號。
padding-right:3px;
CSS3 選擇器 偽類選擇器
e pseudo class e.class pseudo class 語法1示例 a link 語法2示例 a selected hover 動態偽類,因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來,動態偽類包含兩種。第一種是我們在鏈結中常看到的錨點偽類,如 link ...
Css3選擇器 偽類選擇器
一 動態偽類 動態偽類,因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來,動態偽類包含兩種,第一種是我們在鏈結中常看到的錨點偽類,如 link visited 另外一種被稱作使用者行為偽類,如 hover active 和 focus 對於 hover在ie6下只有a元素支...
css3偽類選擇器
css3偽類選擇器 動態偽類選擇器 他不存在於html中,只有在互動的過程中,才能使用動態偽類選擇器對其進行樣式的渲染 超連結ui元素狀態偽類選擇器 結構偽類選擇器 first child 選擇某個元素的第乙個子元素 last child 選擇某個元素的最後乙個子元素 nth child 選擇某個元...