Minifed Examples found in Bootstarp.min.js ========================================================= calc (Keep space before and after + ) ========================================================= calc(1.5em + .5rem + 2px); --------------------------------------------------------- calc(1.5em + .5rem + 2px); ========================================================= > ========================================================= .form-floating > .form-control --------------------------------------------------------- .form-floating>.form-control ========================================================= + ========================================================= legend + * --------------------------------------------------------- legend+* ========================================================= + ========================================================= .btn-check:focus + .btn-primary --------------------------------------------------------- .btn-check:focus+.btn-primary ========================================================= Keep space ========================================================= .nav-tabs .nav-link.active --------------------------------------------------------- .nav-tabs .nav-link.active ========================================================= Explanation ========================================================= https://stackoverflow.com/questions/18858298/in-css-is-a-b-different-than-a-b Is ".a.b" different than ".a .b"? --------------------------------------------------------- Then answer is "Yes!" ".a.b" is one or more elements with both classes. ".a .b" is one or more elements with class b with any parent element with class a =========================================================