CSS :not selector

The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is known as the negation pseudo-class.

https://developer.mozilla.org/en-US/docs/Web/CSS/:not

The following selects h3 elements that are not immediately preceded by an element with the ‘janus’ class

:not(.janus) + h3 { color: red; }Code language: CSS (css)

ID’s & classes {#ids-classes}

If you see something like this in the inspector:

<div **id="tnt-tag-container"** style="top: -5px; opacity: 1;
right: 30px; display: block;" **class="swingEffect"**> ...
</divCode language: HTML, XML (xml)

Then the CSS would be like

#tnt-tag-container.swingEffect {
WhatEverYouNeedToStyle;
}Code language: PHP (php)

In CSS

• ID: #tnt-tag-container
• Class: .swingEffect

Custom CSS in Divi

• In a child theme
• In the Divi theme options
• On a Divi page in the page options (under the hamburger menu)
• On a Divi page in a code module like this
  <style>
  custom CSS
  </style>
• In every module in the custom CSS tab