CSS--容易混淆的.class1.class2与.class1 .class2的区别

之前一直都搞不清楚，一直搞混，原谅我的一个不会前端的程序员

<input type="text" class="class1 " name="" value="444"><br>
<input type="text" class="class1 class2" name="" value="333"><br>
<div class="class1">
	<input type="text" class="class1 class2 class31" name="" value="222"><br>
</div>
<input type="text" class="class1 class2 class3 class4" name="" value="111"><br>

.class1.class2   是指同时有class1和class2   也就是value为333的

.class1 .class2  是指父节点是class1类，子节点是class2类的元素   也就是value为222的