針對表單的CSS3偽類選擇器

2021-06-27 19:56:07 字數 418 閱讀 3086

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 選擇某個元...