Detailed explanation of writing multiple conditions of CSS: not

The :not pseudo-class selector can filter elements that do not match the expression

example

table tbody tr:not(:first-child):not(:last-child) td
{
     text-align: right;
}

The above code can select the non-first and non-last tr in the tbody part of the table, and set the text style of its child td element to the right

Here we need to pay attention to the grammatical format of not:

Single not writing:

/*Select non-paragraph elements*/
:not(p)
{
 
}

How to write multiple not

/*Select the middle p element in the div that is neither the first nor the last*/
div p:not(:first-child):not(:last-child){
}

The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM.