The input+input+input is a CSS feature called "adjacent selectors". It means that the rule will only apply (in this case) to a case where there are three <input> elements in a row; then it will apply to the last one of these. If there are four elements in a row, the last two will meet the criteria, as each of them is the third in a set.
You can look at the left navigation on www.nyfaeriefest.com for an extreme example of this. The links are set in a slanted column by applying different left padding to each successive line.
Code:
#ezpages li {padding-left: 30px; height: 1.2em;}
#ezpages li+li {padding-left: 25px;}
#ezpages li+li+li {padding-left: 21px;}
#ezpages li+li+li+li {padding-left: 17px;}
#ezpages li+li+li+li+li {padding-left: 14px;}
#ezpages li+li+li+li+li+li {padding-left: 11px;}
#ezpages li+li+li+li+li+li+li {padding-left: 8px;}
...
Note that IE6 does not support adjacent selectors (or a number of other important standard styling features), so all the links fall in one vertical indented column in that antiquated browser. If you really care about making things perfect for IE6, you will have to use some more convoluted methods.
Bookmarks