В чем разница между словами element1, element2 {display: inline block;} и element1 + element2 (display: inline block;)?

Question

В чем разница между

element1, element2 {display: inline block;} 

и

element1 + element2 (display: inline block;) 

с точки зрения отображения?

Answer 1

"+" - смежный селектор. Он выберет любой элемент DIRECTLY AFTER (а не дочерний или родительский, хотя и родной).

Answer 2

element1, element2: оба элемента имеют тот же класс (стиль), а также вы можете сделать так:

element1, element2 {display: inline block;} 

или

element1 {display: inline block;} 
element2 {display: inline block;} 

element1 + element2: + для следующего собрата , все элементы2, которые размещаются сразу после элемента1