Tidak termasuk. Pemilih CSS termasuk: 1. Pemilih teg, yang mencari elemen HTML tertentu melalui nama elemen halaman HTML 2. Pemilih kelas, yang mencari elemen HTML tertentu melalui nilai atribut kelas elemen HTML; yang Cari elemen HTML tertentu melalui nilai atribut id elemen HTML 4. Pemilih kad bebas "*" boleh merujuk kepada semua jenis elemen teg, termasuk elemen tersuai 5. Pemilih atribut menggunakan nama atribut sedia ada; Elemen HTML atau nilai atribut untuk mencari elemen HTML tertentu.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Pemilih CSS tidak termasuk "pemilih teg hiperteks", tetapi termasuk pemilih kelas, pemilih teg, pemilih ID, pemilih atribut, pemilih kelas pseudo, dsb.
Apakah itu pemilih css?
Gaya ialah unit sintaks terkecil CSS Pernyataan (peraturan), seperti yang ditunjukkan di bawah.
1.Pemilih
Pemilih terdiri daripada id, atribut kelas atau nama elemen itu sendiri bagi elemen HTML dan beberapa Khas simbol digunakan untuk menentukan elemen HTML untuk menentukan gaya Sebagai contoh, pemilih p bermaksud untuk menentukan gaya untuk semua teg
>
Mungkin terdapat satu atau banyak pengisytiharan ini memberitahu penyemak imbas cara untuk memaparkan objek yang ditentukan oleh pemilih. Semua pengisytiharan diletakkan dalam sepasang pendakap kerinting , serta-merta mengikut pemilih.
Perisytiharan mesti mengandungi dua bahagian: atribut dan nilai atribut, dan menggunakan koma bertitik untuk menandakan pengakhiran pengisytiharan boleh diabaikan untuk pengisytiharan terakhir dalam gaya.{ }
Atribut: Nama gaya yang anda ingin tetapkan untuk elemen HTML, yang terdiri daripada satu siri kata kunci, seperti warna, jidar, fon, dll., dalam CSS Menyediakan banyak atribut, anda boleh melihatnya melalui laman web rasmi W3C;
Nilai: terdiri daripada nilai berangka dan unit atau kata kunci, digunakan untuk mengawal kesan paparan atribut tertentu, seperti nilai bagi atribut warna Ia boleh menjadi merah atau #F1F1F1 dsb.
Kami bermula dengan struktur Html
Pemilih yang biasa digunakan dalam css ialah:
<div id="box">
<div class="one">
<p class="one_1">
</p >
<p class="one_1">
</p >
</div>
<div class="two"></div>
<div class="two"></div>
<div class="two"></div>
</div>
pemilih id (# kotak), pilih elemen dengan id kotak
pemilih kelas (.one), pilih semua elemen dengan nama kelas satu
Pemilih teg (div), memilih semua elemen dengan div teg
Pemilih turunan (#box div), memilih semua elemen div dengan id di dalam elemen kotak
Pemilih anak (.one>one_1), memilih semua elemen .one_1 yang elemen induknya ialah .one
Pemilih adik beradik bersebelahan (.one .two), pilih semua .dua elemen
sejurus selepas .satu pemilih kumpulan (div, p), memilih semua elemen
<🎜 div, p >:link ：选择未被访问的链接 :visited：选取已被访问的链接 :active：选择活动链接 :hover ：鼠标指针浮动在上面的元素 :focus ：选择具有焦点的 :first-child：父元素的首个子元素
:first-letter ：用于选取指定选择器的首字母 :first-line ：选取指定选择器的首行 :before : 选择器在被选元素的内容前面插入内容 :after : 选择器在被选元素的内容后面插入内容
Pemilih baharu dalam CSS3 adalah seperti berikut:
[attribute] 选择带有attribute属性的元素 [attribute=value] 选择所有使用attribute=value的元素 [attribute~=value] 选择attribute属性包含value的元素 [attribute|=value]：选择attribute属性以value开头的元素
:first-of-type 表示一组同级元素中其类型的第一个元素 :last-of-type 表示一组同级元素中其类型的最后一个元素 :only-of-type 表示没有同类型兄弟元素的元素 :only-child 表示没有任何兄弟的元素 :nth-child(n) 根据元素在一组同级中的位置匹配元素 :nth-last-of-type(n) 匹配给定类型的元素，基于它们在一组兄弟元素中的位置，从末尾开始计数 :last-child 表示一组兄弟元素中的最后一个元素 :root 设置HTML文档 :empty 指定空的元素 :enabled 选择可用元素 :disabled 选择被禁用元素 :checked 选择选中的元素 :not(selector) 选择与 <selector> 不匹配的所有元素
[attribute*=value]：选择attribute属性值包含value的所有元素 [attribute^=value]：选择attribute属性开头为value的所有元素 [attribute$=value]：选择attribute属性结尾为value的所有元素
cs pemilih asas
Nama pemilih
| Pemilih kelas | mencari elemen HTML tertentu melalui nilai atribut kelas elemen HTML. Penggunaan pemilih asas ini adalah dalam bentuk | |
pemilih id .类名 | serupa dengan pemilih kelas, kedua-duanya sepadan dengan elemen HTML berdasarkan atribut tertentu Pemilih kelas sepadan dengan pemilih kelas, manakala Pemilih ID sepadan dengan atribut id . Perlu diingat bahawa atribut ID adalah satu-satunya yang tidak boleh diulang dalam keseluruhan halaman. ||
| Pemilih Universal/Pemilih Wildcard | 是一个星号（*），这个选择器是一个特殊的标签选择器，它可以指代所有类型的标签元素，包括自定义元素，以及
Artikel terbaru oleh pengarang
Isu terkini
Di manakah perisian kursus tentang pemetaan minda CSS?
Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1335
Halaman tiba-tiba tidak dapat menarik css atau bootstrap
Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Ubah suai gaya CSS sebaris secara dinamik dalam Javafx
Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...
daripada 2024-04-06 20:57:16
0
1
487
Topik-topik yang berkaitan
Lagi>
|
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
