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; 
}

I want to change saturation in Firefox by using filter: saturate(), so I wonder which of these 2 examples would have the best performance?

Example 1 =

body { filter: saturate(85%) !important; }

#PlacesToolbarItems { filter: saturate(85%) !important; }
 
#PlacesChevronPopup { filter: saturate(85%) !important; } 

Example 2 =

#tabbrowser-arrowscrollbox[orient="vertical"] .tabbrowser-tab { 
    filter: saturate(85%) !important;
}
 
.toolbaritem-combined-buttons, .toolbarbutton-badge { 
    filter: saturate(85%) !important;
}
 
.bookmark-item { filter: saturate(85%) !important; }
 
#tabbrowser-tabbox { filter: saturate(85%) !important; }

#PlacesToolbarItems { filter: saturate(85%) !important; }
 
#PlacesChevronPopup { filter: saturate(85%) !important; } 

If I choose not to check some things before a pseudo-element, does it make it faster or slower?

Does it become faster because it checks one less thing or does it become slower because it now checks all possibilities?

Example =

If I change .tab-throbber[busy]::before to .tab-throbber::before

or

If I change #tabbrowser-tabs[orient="vertical"][overflow]::after to #tabbrowser-tabs::after