CSS Pseudo-class dengan gaya inline

Apakah mungkin untuk memiliki pseudo-class menggunakan gaya inline?

Contoh:

<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a>

Saya tahu HTML di atas tidak akan berfungsi tetapi apakah ada yang serupa?

PS Saya tahu saya harus menggunakan style sheet eksternal, dan saya lakukan. Saya hanya ingin tahu apakah ini dapat dilakukan dengan menggunakan gaya inline.

Tidak, ini tidak mungkin. Dalam dokumen yang menggunakan CSS, styleatribut inline hanya dapat berisi deklarasi properti; set pernyataan yang sama yang muncul di setiap set aturan dalam lembar gaya. Dari spec Style Attributes :

Nilai atribut style harus cocok dengan sintaksis isi blok deklarasi CSS (tidak termasuk kawat pembatas), yang tata bahasa formalnya diberikan di bawah ini dalam syarat dan konvensi tata bahasa inti CSS :

declaration-list
  : S* declaration? [ ';' S* declaration? ]*
  ;

Selektor (termasuk elemen semu), atau at-rules, atau konstruk CSS lainnya tidak diizinkan.

Pikirkan gaya inline sebagai gaya yang diterapkan ke beberapa pemilih ID super spesifik anonim: gaya tersebut hanya berlaku untuk satu elemen dengan styleatribut. (Mereka lebih diutamakan daripada pemilih ID dalam lembar gaya juga, jika elemen itu memiliki ID itu.) Secara teknis tidak berfungsi seperti itu; ini hanya untuk membantu Anda memahami mengapa atribut tidak mendukung gaya pseudo-class atau pseudo-element (itu lebih berkaitan dengan bagaimana pseudo-class dan pseudo-elements memberikan abstraksi dari pohon dokumen yang tidak dapat diekspresikan dalam bahasa dokumen).

Perhatikan bahwa gaya sebaris berpartisipasi dalam kaskade yang sama dengan penyeleksi dalam set aturan, dan mengambil prioritas tertinggi dalam kaskade ( !importantmeskipun demikian). Jadi mereka lebih diutamakan bahkan daripada negara-negara kelas semu. Mengizinkan kelas semu atau penyeleksi lainnya dalam gaya inline mungkin akan memperkenalkan level kaskade baru, dan dengannya serangkaian komplikasi baru.

Perhatikan juga bahwa revisi yang sangat lama dari spec Style Attributes awalnya mengusulkan untuk mengizinkan ini , namun itu dihapus, mungkin karena alasan yang diberikan di atas, atau karena menerapkannya bukanlah pilihan yang layak.

Bukan CSS, tetapi sebaris:

<a href="#" 
   onmouseover = "this.style.textDecoration = 'none'"
   onmouseout  = "this.style.textDecoration = 'underline'">Hello</a>

Lihat contoh →

Daripada membutuhkan inline Anda bisa menggunakan CSS Internal

<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a>

Kamu bisa saja:

<a href="http://www.google.com" id="gLink">Google</a>
<style>
  #gLink:hover {
     text-decoration: none;
  }
</style>

Anda dapat mencoba https://hacss.io :

<a href="http://www.google.com" class=":hover{text-decoration:none;}">Google</a>

Demo