CSS :visited ပျက်စားပုံ

အသုံးပြုနည်းဥပဒေ

CSS :visited အဆိုပါ ပျက်စားပုံ ကို ဖမ်းသတ်ထားသော လွှတ်တိတ် အပြုအမူ ကို ပြင်ဆင်ထား

အကြောင်းအရာ:အသုံးပြု :link မတွေ့ရသေးသော စာမျက်နှာ လွှတ်တိတ် အပြုအမူ ကို ပြင်ဆင်ထား :hover မိုးစက် ဖြတ်သိုက်ထားသော အပြုအမူ ကို ပြင်ဆင်ထား :active လွှတ်တိတ် လုပ်ဆောင်နေသော အပြုအမူ ကို ပြင်ဆင်ထား

မှတ်ချက်:လွှတ်တိတ် အပြုအမူ ကို အချက်အလက် အချက်အလက် အခြေခံ ပြင်ဆင်ထား :visited ချက်အလက် အချက်အလက် ပါ :link ချက်အလက် အချက်အလက် နောက်ပိုင်းတွင် :hover နှင့် :active ချက်အလက် အချက်အလက် အခြား

ခွင့်ပြုထားသော အပြုအမူများကို

  • color
  • background-color
  • border-color(နှင့် အခြား အကြိတ်များ အပေါ် border-color)
  • outline color
  • column-rule-color
  • text-decoration-color
  • text-emphasis-color
  • SVG အချက်အလက် fill နှင့် stroke

အမှုထမ်း

အမှတ် 1

မိတ်ဆက်ကြောင်း မတွေ့ရသေးသော လွှတ်တိတ် အပြုအမူ ကို အခြေခံ ပြင်ဆင်ထား

a:visited {
  color: pink;
}

ကိုယ်တိုင် ကျင်းပချင်

အမှတ် 2

မိတ်ဆက်ကြောင်း မတွေ့ရသေးသော၊ ဖမ်းသတ်ထားသော၊ မိုးစက် ဖြတ်သိုက်ထားသော နှင့် လုပ်ဆောင်နေသော လွှတ်တိတ် အပြုအမူ ကို အခြေခံ ပြင်ဆင်ထား

/* မဖမ်းသတ်ထားသော လွှတ်တိတ် */
a:link {
  color: green;
}
/* ဖမ်းသတ်ထားသော လွှတ်တိတ် */
a:visited {
  color: green;
}
/* မိုးစက် ဖြတ်သိုက်ထားသော လွှတ်တိတ် */
a:hover {
  color: red;
}
/* လုပ်ဆောင်နေသော လွှတ်တိတ် */
a:active {
  color: yellow;
}

ကိုယ်တိုင် ကျင်းပချင်

အမှတ် 3

လွှတ်တိတ် အမျိုးမျိုး ကို အပြုအမူ ပြင်ဆင်ထား

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

ကိုယ်တိုင် ကျင်းပချင်

CSS ပြောင်းလဲခြင်း

:visited {
  css ကြောင်းဆိုချက်;
}

နည်းပါး အချက်အလက်

ပုံစံ: CSS1

ကွန်ပျူတာစက် အထောက်အပံ့

အချက်အလက် ပြတ်သိုက်ထားသော ကွန်ပျူတာစက် ကို အသုံးပြု၍ ထို အဆိုပါ ပျက်စားပုံ ကို အပြည့်အဝင် ကူညီပေးသည်。

ချီးရီ အိန်ဂျယ် ဖက်ဒရာ ဆာဖာ အိုပရာ
1 12 2 3.1 9.6

ပါဝင်သော စာမျက်နှာ

ပြည့်ပြည့်ရေး:CSS လွှတ်တိတ်

ပြည့်ပြည့်ရေး:CSS အဆိုပါ