Rumah > Artikel > hujung hadapan web > CSS中两个类选择器之间有没有空格的差别

CSS中两个类选择器之间有没有空格的差别

一个新手asal: 2017-09-26 10:03:591951semak imbas

css中两个类选择器之间有没有空格的区别：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.p1.p2{width: 100px;height: 100px;background: red;}/*多类选择器*/
			.p1 .p2{width: 100px;height: 100px;background: yellow;}/*后代选择器*/
		</style>
	</head>
	<body>
		<p class="p1 p2"></p>
		<p class="p1">
		    <p class="p2"></p>	
		</p>	
	</body>
</html>

结论：css中两个类选择器之间没有空格形成多类选择器，有空格形成后代选择器。

Atas ialah kandungan terperinci CSS中两个类选择器之间有没有空格的差别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

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

Artikel sebelumnya：如何使用JavaScript实现制作动态时钟 Artikel seterusnya：使用JavaScript实现制作网页随机验证码

Artikel berkaitan

Lihat lagi