Issue with "Operator precedence": Missing CSS border in some columns
See original GitHub issueMDN URL: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
What information was incorrect, unhelpful, or incomplete?
This is about the table in the “Table” section. Some lines (except the first) in the second column (Operator type) do not have a left border due to a border-left: 0;
CSS entry. This happens when the previous column (Precedence) uses rowspan
. This problem does not occur in the last column (Individual operators).
The complete CSS rule for the columns missing the left border (from https://developer.mozilla.org/static/css/main.a43ed10c.chunk.css
):
table td:first-child, table th:first-child {
border-left: 0;
min-width: 150px;
}
Specific section or headline?
Table
What did you expect to see?
Every row in the second column must have a left border.
Did you test this? If so, how?
Page rendered with Firefox 94.0 (64-bit) under GNU/Linux.
MDN Content page report details
- Folder:
en-us/web/javascript/reference/operators/operator_precedence
- MDN URL: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
- GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/javascript/reference/operators/operator_precedence/index.md
- Last commit: https://github.com/mdn/content/commit/80591d2eda357ab33580af0eeeec695e398160d4
- Document last modified: 2021-08-15T13:24:35.000Z
Issue Analytics
- State:
- Created 2 years ago
- Reactions:1
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Table border color in CSS with border collapse - Stack Overflow
Here is an example: I have a table with borders collapsed. I set the border-bottom on one field, and the border-top on the...
Read more >Cascade, specificity, and inheritance - Learn web development
At some point, you will be working on a project and you will find that the CSS you thought should be applied to...
Read more >CSS border-left-style property - W3Schools
Set a style for the left border: div {border-left-style: dotted;} ... none, Specifies no border. ... dotted, Specifies a dotted border, Demo ❯....
Read more >Features In-Depth | Less.js
The "parent selectors" operator has a variety of uses. ... .header { .menu { border-radius: 5px; .no-borderradius & { background-image: ...
Read more >CSS Precedence - Jenkov.com
When the browser needs to resolve what styles to apply to a given HTML element, it uses a set of CSS precedence rules....
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Now that the changes from
minimalist
are being utilized here in Yari, all of the cells in the BCD tables have the appropriate borders and look good!https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence#table
I reckon this is ready to be closed @schalkneethling!
Thanks for filing, @brunexgeek ! Moving to the yari repo as it concerns the MDN platform, not content.