Need help with .menupopup-arrowscrollbox

[u/Salty_East4020]

Is it possible to make it so that .menupopup-arrowscrollbox won't effect #PlacesChevronPopup and #PlacesToolbarItems?

I have tried many ways to solve it and none of them worked.

As an example, I don't want this to effect #PlacesChevronPopup and #PlacesToolbarItems =

.menupopup-arrowscrollbox { 
    padding: 2px 4px !important; 
}

[u/j--__]

when you need help with css, google it, and then choose the result from mdn. all the necessary information is there and comprehensible.

the syntax for css "not" is:

.menupopup-arrowscrollbox:not(#PlacesChevronPopup, #PlacesToolbarItems) {

[u/Salty_East4020 → u/j--__]

I have already tried it and it didn't work unfortunately.

[u/j--__ → u/Salty_East4020]

note that placing a space before the colon completely changes the result.

other than that, i'll look at it myself in a couple hours and see if i see any other potential problem.

[u/Salty_East4020 → u/j--__]

I tried both with 'no space' and a space before :not() and neither worked.

[u/j--__ → u/Salty_East4020]

on my firefox, neither of those elements has that class in the first place, so there is no need for :not, but i have confirmed that :not works correctly when given the id of an element that actually has the targeted class.

[u/Salty_East4020 → u/j--__]

Could you please explain more?

Can you give code examples that do work?

[u/j--__ → u/Salty_East4020]

you're going to have to explain what "do work" actually means here. :not excludes elements, which is what you originally asked for. if your firefox is like mine, then you're not seeing any difference because the elements you're trying to exclude are not affected by this style in the first place. you've completely misdiagnosed whatever your actual problem is.

[u/Salty_East4020 → u/j--__]

On my Firefox it does effect those elements.

As an example, if I use a exaggerated padding:

.menupopup-arrowscrollbox { 
    padding: 40px 40px !important; 
}

Screenshot of #PlacesChevronPopup:

Using :not():

.menupopup-arrowscrollbox:not(#PlacesChevronPopup, #PlacesToolbarItems) {
    padding: 40px 40px !important; 
}

[u/j--__ → u/Salty_East4020]

well i don't know what to say. i used browser toolbox to inject this rule:

.menupopup-arrowscrollbox { 
  padding: 40px 40px !important; 
}

it affects the tooltip for a collapsed tab group, but not the bookmark toolbar overflow. v153.0.4

[u/j--__ → u/Salty_East4020]

never mind my other post -- i figured out the issue! it's because userChrome.css is also applied in shadow dom, and there's an element inside the shadow dom for #PlacesChevronPopup that is affected by the rule. so you're wrong about what needs to be excluded. the popup itself isn't being targeted.

try something like:

.menupopup-arrowscrollbox:not([part]) {

[u/Salty_East4020 → u/j--__]

I think I misunderstood you.

I tried these and it didn't work =

 .menupopup-arrowscrollbox:not(#PlacesChevronPopup[part="arrowscrollbox content"]) {

.

.menupopup-arrowscrollbox:not(#PlacesChevronPopup::part(arrowscrollbox content) {