Rumah hujung hadapan web tutorial css CSS中的&是什么意思

CSS中的&是什么意思

Apr 01, 2020 pm 05:01 PM
css bermakna

本篇文章介绍了css中&的意思,希望对学习CSS的朋友有帮助!&是sass的语法,表示嵌套的上一级,css中并没有&。

CSS中的&是什么意思

CSS中的&是什么意思

如源码:

( 推荐学习:CSS教程 )

ul{
    margin-bottom: 20px;
    & >li {
        margin-bottom: 0;
    }
  }

& 表示嵌套的上一级

这是sass的语法,代表上一级选择器

解释成CSS代码如下

ul{margin-bottom: 20px;}
ul > li {margin-bottom: 0;}

更多相关教程,请关注PHP中文网

Atas ialah kandungan terperinci CSS中的&是什么意思. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Stock Market GPT

Stock Market GPT

Penyelidikan pelaburan dikuasakan AI untuk keputusan yang lebih bijak

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menyelaraskan teks secara menegak dalam CSS Cara menyelaraskan teks secara menegak dalam CSS Aug 28, 2025 am 08:10 AM

ThemostreliablewaytoverticallyaligntextinCSSisusingFlexboxwithalign-items:center,whichworksforbothsingleandmultiplelinesoftextwithinacontainerofdefinedheight;alternatively,CSSGridwithplace-items:centerofferssimilarbenefitsforgrid-basedlayouts,whileli

Cara gaya pautan di CSS Cara gaya pautan di CSS Sep 02, 2025 am 07:16 AM

Gaya pautan hendaklah ditakrifkan dengan teratur melalui kelas pseudo untuk memastikan kesan yang betul. 1. Gunakan A: pautan untuk menetapkan gaya pautan yang tidak jelas; 2. Gunakan A: Dikunjungi untuk menetapkan pautan yang dikunjungi; 3. Gunakan A: Hover untuk menetapkan keadaan hover; 4. Gunakan A: Fokus untuk memastikan kebolehcapaian papan kekunci; 5. Gunakan A: Aktif untuk menetapkan gaya klik-masa; Pada masa yang sama, gunakan atribut CSS seperti warna, hiasan teks, margin, dan latar belakang untuk meningkatkan penampilan, dan memastikan kontras yang mencukupi, tidak bergantung pada warna sahaja untuk membezakan pautan, mengekalkan atau menyesuaikan garis besar fokus untuk meningkatkan kebolehcapaian, dan akhirnya mencapai gaya pautan yang mengambil kira kedua -dua visual dan kebolehgunaan.

Cara membuat corak latar belakang dengan CSS Cara membuat corak latar belakang dengan CSS Aug 31, 2025 am 04:36 AM

Mewujudkan corak latar belakang menggunakan CSS adalah kaedah yang ringan dan fleksibel yang boleh dicapai melalui kecerunan, elemen pseudo atau latar belakang pelbagai lapisan; Pertama, anda boleh membuat jalur atau kecerunan kompleks melalui berulang-lini-gradien (), dan kemudian gunakan overlay multi-background untuk mencapai titik polka atau kesan papan, dan kemudian menambah lapisan tekstur bunyi melalui unsur-unsur pseudo. Akhirnya, anda perlu mempertimbangkan responsif dan aksesibiliti untuk memastikan prestasi dan kebolehbacaan yang tinggi, supaya anda boleh menggunakan CSS untuk menjana corak definisi tinggi tanpa gambar.

Cara Menggunakan Pertanyaan Media-Motion-Motion Prefters di CSS Cara Menggunakan Pertanyaan Media-Motion-Motion Prefters di CSS Sep 03, 2025 am 04:32 AM

Lebih suka-dikurangkan-gerakan meningkatkan kebolehcapaian dengan mengesan sama ada pengguna menetapkan animasi yang dikurangkan dalam sistem. Apabila nilai mengurangkan dikurangkan, animasi harus dilumpuhkan atau dipermudahkan untuk mengelakkan ketidakselesaan pengguna. Gunakan @media (lebih suka-dikurangkan-gerakan: mengurangkan) untuk mengatasi animasi lalai, menetapkan animasi atau peralihan kepada tiada untuk menghapuskan kesan gerakan yang berbahaya, tetapi mengekalkan sedikit kesan animasi seperti perubahan warna. Pada masa yang sama, ujian harus memastikan fungsi lengkap, untuk menyediakan pengguna dengan persekitaran pelayaran yang lebih selamat dan lebih selesa tanpa menjejaskan pengalaman teras.

Cara menggunakan harta saiz semula di Textarea di CSS Cara menggunakan harta saiz semula di Textarea di CSS Sep 04, 2025 am 09:09 AM

Untuk mengawal tingkah laku skala Textarea, anda perlu menggunakan atribut saiz semula CSS; 1. Tetapkan saiz semula kepada kedua -duanya untuk membenarkan skala mendatar dan menegak (lalai); 2. Ditetapkan ke mendatar untuk hanya membenarkan pelarasan lebar; 3. Tetapkan ke menegak hanya membenarkan pelarasan ketinggian; 4. Ditetapkan untuk tidak sepenuhnya melarang skala; 5. Blok dan inline sesuai dengan arahan tahap dan inline masing-masing; Digabungkan dengan sifat-sifat seperti min-ketinggian, lebar maksimum, dan lain-lain, pelbagai skala boleh dibatasi, dan atribut ini disokong secara meluas dalam pelayar moden dan sesuai untuk unsur-unsur peringkat blok yang limpahannya tidak dapat dilihat.

Cara menggunakan kelas pseudo di CSS Cara menggunakan kelas pseudo di CSS Sep 07, 2025 am 06:59 AM

Pseudo-classesincsareykeywordsthatstyleelementsbasedonstate, posisi, orattributes, peningkatan interprovingandredcingtheneedforextrahtmlclass;

Cara menggayakan tekstasi dengan CSS Cara menggayakan tekstasi dengan CSS Sep 16, 2025 am 07:00 AM

Pertama, tetapkan gaya asas seperti lebar, ketinggian, margin, sempadan, fon dan warna; 2. Meningkatkan maklum balas interaktif melalui: hover dan: fokus keadaan; 3. Gunakan atribut saiz semula untuk mengawal tingkah laku saiz semula; 4. Gunakan :: Pseudo-elemen tempat untuk gaya teks pemegang tempat; 5. Gunakan reka bentuk responsif untuk memastikan ketersediaan silang peranti; 6. Beri perhatian kepada label berkorelasi, kontras warna dan garis besar fokus untuk memastikan kebolehcapaian, dan akhirnya mencapai gaya Textarea yang indah dan berfungsi.

Cara membuat kesan hover pada baris jadual di CSS Cara membuat kesan hover pada baris jadual di CSS Aug 26, 2025 am 07:29 AM

Untuk membuat kesan hover untuk baris jadual, anda perlu menggunakan CSS: hover pseudo-class. Adalah disyorkan untuk menetapkan warna latar belakang, warna teks dan gaya lain untuk sel -sel dalam baris melalui TR: HOVERTD untuk memastikan keserasian. Anda boleh menggabungkan peralihan untuk mencapai peralihan yang lancar dan kursor: penunjuk mendorong interaktiviti. Anda juga boleh membezakan antara pengepala jadual pemprosesan dan baris data melalui nama kelas untuk mengelakkan konflik gaya, dan akhirnya mencapai kesan hover yang mudah dan cekap.

See all articles