今天我们来给大家说一下属性选择器和伪类选择器的使用方法和相关的联系以及区别，下面给大家举一个小列子。
属性选择器：
[attr~="value"] 单词 单词空格单词 单词必须value有效
[attr|="value"] value打头 或者 value-单词
注意：
属性选择 都是用则很难规则表达式来判别 选择元素，效率要高一些
伪类选择器：
：before
：after
:lang(val) val/val-单词
：nth-child(n) n从1开始算起 odd基数 even偶数
:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--
<p>aaaaaaa</p>
<p>aaaaaaa</p>
<p>aaaaaaa</p>
--->
<div>
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
</div>
</body>
</html>
Css部分：
@charset "utf-8";
/* CSS Document */
/*
p:before{
content:"ccc";
}
p:lang(en){
border:1px solid #ff0000;
}
p:nth-child(even){
background:#F00;
}
*/
p:nth-of-type(3){ /* p标记的父元素 下的 第3个p元素*/
background:#F00;
}相关阅读：
Atas ialah kandungan terperinci 属性选择器和伪类选择器的使用方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Corak untuk ciri -ciri khas CSS praktikalApr 15, 2025 am 10:34 AMSaya telah bermain -main dengan sifat adat CSS untuk menemui kuasa mereka sejak sokongan penyemak imbas akhirnya berada di tempat di mana kami boleh menggunakannya di kami
Alat Jamstack dan Spektrum KlasifikasiApr 15, 2025 am 10:31 AMDengan dunia Jamstack yang indah semakin besar, semua kategori perkhidmatan dan alat yang membantu bersama adalah sama pentingnya. Terdapat laman web statik
Kes perniagaan untuk menjatuhkan penjelajah internetApr 15, 2025 am 10:30 AMJarak antara Internet Explorer (IE) 11 dan setiap pelayar utama lain adalah jurang yang semakin ternganga. Menambah sokongan untuk usang teknologi
Kedudukan animasi cincin fokusApr 15, 2025 am 10:27 AMMaurice Mahan mencipta FocusOverlay, "perpustakaan untuk mewujudkan overlays pada unsur -unsur yang fokus." Penerangan itu sedikit mengelirukan pada anda tidak memerlukan perpustakaan
Jangan lupa pertanyaan kontenaApr 15, 2025 am 10:25 AMPertanyaan kontena sentiasa berada di bahagian atas senarai penambahbaikan yang diminta kepada CSS. Sentimen umum ialah jika kita mempunyai pertanyaan kontena, kita tidak akan
Pertimbangan Aliran Kerja untuk Menggunakan Perkhidmatan Pengurusan ImejApr 15, 2025 am 10:20 AMTerdapat semua laman web ini yang ingin membantu anda dengan imej anda. Mereka melakukan perkara -perkara seperti mengoptimumkan imej anda dan membantu anda melayani mereka secara persembahan. Itu ' s perkara yang sangat baik. Dengan mana -mana metrik, imej adalah keping utama sumber
Menggali ke dalam animasi pemuatan pratonton di WordPressApr 15, 2025 am 10:19 AMWordPress menghantar editor blok (aka gutenberg) kembali dalam versi 5.0 dan dengan itu datang skrin pratonton pos baru yang menunjukkan lukisan logo WordPress
Plugin WordPress Overload? Cubalah Jetpack!Apr 15, 2025 am 10:18 AMEkosistem WordPress mempunyai bekalan plugin yang banyak yang menawarkan segala -galanya dari amp ke integrasi zapier dan oleh itu, begitu banyak perkara lain di antara.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
VSCode Windows 64-bit Muat Turun
Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft
EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod
SublimeText3 Linux versi baharu
SublimeText3 Linux versi terkini
Dreamweaver CS6
Alat pembangunan web visual
DVWA
Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini
