Pseudo-class ng :active ng CSS

ការកំណត់ និងការប្រើប្រាស់

CSS :active តំណាងត្រូវបានប្រើដើម្បីជ្រើសរើស និងកំណត់រចនាភាពទៅលើតំណាងដែលកំពុងប្រើ

:active តំណាងត្រូវបានប្រើច្រើនបំផុត <a> និង <button> តំណាង នៅពេលដែលអ្នកប្រើប្រាស់ចុចតំណាង តំណាងនិងប៉ូតុងនឹងត្រូវបានសកម្ម

ប្រឹក្សា：ប្រើ :link កំណត់រចនាភាពតំណាងទៅលើទំព័រដែលមិនត្រូវបានចូលមក ដោយប្រើ :visited កំណត់រចនាភាពតំណាងទៅលើទំព័រដែលត្រូវបានចូលមក ដោយប្រើ :hover កំណត់រចនាភាពតំណាងនៅពេលមានការលំអិតរបស់ម៉ូស

ការកត់សម្គាល់：ក្នុងការកំណត់ CSS，:active ត្រូវបានដាក់ :hover（ប្រសិនបើមាន）ក្រោយទើបអាចដំណើរការបាន!

ឧទាហរណ៍

ឧទាហរណ៍ 1

ជ្រើសរើស និងកំណត់រចនាភាពទៅលើតំណាងដែលសកម្ម

a:active {
  background-color: yellow;
}

ព្យាយាមតាមរយៈខ្លួនឯង

ឧទាហរណ៍ 2

ជ្រើសរើស និងកំណត់រចនាភាពទៅលើ <button> នៅពេលកំពុងចុច

button:active {
  background-color: pink;
}

ព្យាយាមតាមរយៈខ្លួនឯង

ឧទាហរណ៍ 3

ជ្រើសរើស និងកំណត់រចនាភាពទៅលើតំណាង <p>、<h1> និង <a> នៅពេលកំពុងចុច

p:active, h1:active, a:active {
  background-color: yellow;
}

ព្យាយាមតាមរយៈខ្លួនឯង

ឧទាហរណ៍ 4

ជ្រើសរើស និងកំណត់រចនាភាពទៅលើតំណាងដែលមិនត្រូវបានចូល ដែលត្រូវបានចូល មានការលំអិត និងសកម្ម

/* តំណាងដែលមិនត្រូវបានចូល */
a:link {
  color: green;
}
/* តំណាងដែលត្រូវបានចូល */
a:visited {
  color: green;
}
/* តំណាងដែលមានការលំអិត */
a:hover {
  color: red;
}
/* តំណាងដែលសកម្ម */
a:active {
  color: yellow;
}

ព្យាយាមតាមរយៈខ្លួនឯង

ឧទាហរណ៍ 5

កំណត់រចនាភាពនិងការតុបតែងទៅកាន់តំណាង

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

ព្យាយាមតាមរយៈខ្លួនឯង

CSS អក្សរកម្ម

:active {
  css declarations;
}

ពត៌មានបច្ចេកទេស

ការគាំទ្រកម្មវិធីអ្នករុករក

ចំណុចលេខក្នុងតារាង បញ្ជាក់ថាការគាំទ្រជាពេញលេញរបស់សក្ខីនេះ គឺក្នុងកំណែទម្រង់ដំណាក់កាលដំបូងរបស់កម្មវិធីអ្នករុករក។

ទំព័រពាក់ព័ន្ធ

បណ្តុះបណ្តាលអំពី：CSS តំណាង

បណ្តុះបណ្តាលអំពី：CSS ប៉ូតុង

បណ្តុះបណ្តាលអំពី：CSS សក្ខី