6 ms·

The very first thing you need to know about CSS is that it uses the language of print layout, not programming. A lot of the problems programmers seem to have w

• layer8 2y ago
  Do you have a reference for this particular usage of slash? In print, “x / y” is often used to mean “item x out of y” [0], for example in page numbers. I’m only familiar with using slashes for ranges in ISO 8601, where it has purely syntactic reasons and (AFAICT) doesn’t adopt any preexisting convention. I imagine the slash in CSS grid is for similar syntactic reasons, because the syntax also admits hyphenated identifiers [1] (custom-ident), which precludes the use of “-”. (They could have used a range operator like “~” or “..” though.) [0] https://en.wikipedia.org/wiki/Slash_(punctuation)#Numbering https://en.wikipedia.org/wiki/Slash_(punctuation)#Numbering [1] https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column#formal_syntax https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column...
  • phrop 2y ago
    And that is exactly what 1/3 means in CSS Grids, the element occupies the grid from slot 1 to 3.
    • dnadler 2y ago
      “1 of 3” is not the same thing as “1 to 3”, so I don’t think they mean the same thing here.
• davidmurdoch 2y ago
  CSS uses "/" for division (fractions) inside `calc`, so I don't think not understanding the language of "print" is where the frustration comes from nowadays. I think CSS is also part programming language now.
• happytoexplain 2y ago
  As far as I know, 1/3 means "one of three" in print - which actually is division ("1 of 3" means the subject's position is 1/3 of the way through).