испытание UI-кит не могу понять код

input[type=“radio”] + label,
input[type=“checkbox”] + label{
color: #333333;
vertical-align: middle;
}

input[type=“radio”] + label::before,
input[type=“checkbox”] + label::before{
content: “”;
display: inline-block;
width: 7px;
height: 7px;
margin-right: 8px;
vertical-align: middle;
border: 3px solid #ffffff;
box-shadow: 0 0 0 3px #a0a0a0;
}
Не могу понять. По логике всё что в input[type=“radio”] + label::before,
input[type=“checkbox”] + label::before ставиться в начале того что в…
input[type=“radio”] + label,
input[type=“checkbox”] + label…

То есть получаеться …

input[type=“radio”] + label,
input[type=“checkbox”] + label{
color: #333333;
vertical-align: middle;
content: “”;
display: inline-block;
width: 7px;
height: 7px;
margin-right: 8px;
vertical-align: middle;
border: 3px solid #ffffff;
box-shadow: 0 0 0 3px #a0a0a0;
}
но работает правильно только в первоначальном варианте.
Разжуйте пожалуйста!