question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue with "Operator precedence": Missing CSS border in some columns

See original GitHub issue

MDN 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

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
tannerdolbycommented, Nov 12, 2021

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

Screen Shot 2021-11-11 at 8 33 01 PM

I reckon this is ready to be closed @schalkneethling!

2reactions
wbambergcommented, Nov 9, 2021

Thanks for filing, @brunexgeek ! Moving to the yari repo as it concerns the MDN platform, not content.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found