I've studied css styles of Google Docs, and I have noticed there such a thing:
.goog-inline-block {
position : relative;
display : -moz-inline-box;
display : inline-block
}
* html .goog-inline-block {
display : inline
}
*:first-child + html .goog-inline-block {
display : inline
}
html>body .goog-inline-block {
display : -moz-inline-box;
display : inline-block
}
I understand what this .goog-inline-block
class should mean, but this code arose questions for me:
- Why are there so much declarations for a simple class?
- Why does simple
.class-name
declaration differ from* html .class-name
declaration? - What is this crafty construction
*:first-child + html .class-name
doing?