safari inspector how to add complex rules?
One option is to first focus on an element that would satisfy the rule (this is because the rule list only shows rules that apply to the current element and the second you would input a rule that does not it would "disappear")

Then you simply go to Elements Tab -> Styles -> Rules and click on New rule. Input your new rule (you can edit both the selector and the rule).



Alternatively you can create a new rule (+ New Rule) which is automatically created on the current element. Fill the CSS and then change the selector.