CSS中两个类选择器之间有没有空格的差别
来源:动视网
责编:小采
时间:2020-11-27 20:12:36
CSS中两个类选择器之间有没有空格的差别
CSS中两个类选择器之间有没有空格的差别:css中两个类选择器之间有没有空格的区别:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .p1.p2{width: 100px;h
导读CSS中两个类选择器之间有没有空格的差别:css中两个类选择器之间有没有空格的区别:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .p1.p2{width: 100px;h
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中两个类选择器之间没有空格形成多类选择器, 有空格形成后代选择器 。
CSS中两个类选择器之间有没有空格的差别
CSS中两个类选择器之间有没有空格的差别:css中两个类选择器之间有没有空格的区别:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .p1.p2{width: 100px;h