Bagaimana Cara Menghilangkan (Spasi) Saat Artikel di Copy

Susah juga menemukan titik terang untuk trik yang satu ini. Pada dasarnya, CSS ::selection bisa kita kendalikan untuk merubah warna ketika tulisan atau teks kena block sesuai dengan css yang kita selipkan.

Seperti yang telah kita ketahui bersama, bahwa dalam memanggil css, harus disesuaikan dengan susunan kode HTML.

Misalnya kita buat style seperti ini
#idTes a{color:red}
Maka untuk html bisa menggunakan
<div id="idTes">
<a href="url-domain">Judul</a>
</div>
Seperti kode diatas, saya ber-eksperimen merubah a{} menjadi br{}
Penulisan tag BR yang tepat adalah <br />
Fungsi dari BR ini untuk memberi line atau baris baru. Anda bisa memanfaatkan tombol ENTER pada keyboard ketika menulis mode Compose di Blogger.

Secara logika, jika kita bisa menggunakan
#idTes a{color:red}
Maka seharusnya kita juga bisa menggunakan
#idTes br{display:none}

Sekarang kita coba mempraktekannya.
<style>
#idTes br{display:none}
</style>

<div id="idTes">
Baris pertama<br />
Baris kedua<br />
Baris ketiga.
</div>
Hasil.
Baris pertamaBaris keduaBaris ketiga.
Seharusnya tulisan diatas tersusun menjadi tiga baris. Namun karena saya telah menyelipkan CSS display:none, maka <br /> dianggap tidak ada.

Berarti percobaan ini berhasil.

Lanjut ke pokok pembahasan, yaitu menghilangkan ENTER pada teks setelah di block atau di seleksi.

Dalam melakukan seleksi, kita bisa menggunakan ::selection{}

::selection {background:blue; color:#fff}

Jika uji coba sebelumnya berhasil, apakah untuk yang satu ini juga sukses? Yuk kita coba.
<style>
::selection br{display:none}
idTes::selection br{display:none}
br::selection{display:none}
::selection,br{display:none}
</style>

<div id="idTes">
Baris pertama<br />
Baris kedua<br />
Baris ketiga.
</div>
Hasil
Baris pertama

Baris kedua

Baris ketiga.
Sepertinya uji coba kali ini gagal. Mengapa hal ini bisa terjadi, padahal saya telah mencoba style dengan 4 mode, namun gagal semua.

Ada yang bisa memecahkan permasalahan ini, yuk bagikan pengalaman Anda.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini