Использование: после выбора для настройки встроенного стиля

Question

У меня есть таблица стилей, как это ниже,

h3 {
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
}

h3:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

<h3>Title</h3>

Однако в моих правилах веб-поиска я не могу использовать тег

, поэтому я должен использовать как

<h3 style ="position: relative;background: #dfefff;~~">

Как я могу использовать h3:after в этом стиле ??

Answer 1

Невозможно использовать pseudo во встроенном CSS. если вы хотите использовать pseudo, тогда вы должны использовать его internal CSS или External CSS.

Answer 2

Вы можете воссоздать то же самое по-разному без использования псевдоэлемента.

^{Отсутствует только маленькая тень}

<h3 style="background:
    linear-gradient(to bottom right,#fff 49%,#a8d4ff 50%) 0 0/15px 15px border-box,
    repeating-linear-gradient(to right, #fff 0 4px,transparent 4px 8px) top/100% 2px,
    repeating-linear-gradient(to right, #fff 0 4px,transparent 4px 8px) bottom/100% 2px,
    repeating-linear-gradient(to bottom,#fff 0 4px,transparent 4px 8px) left/2px 100%,
    repeating-linear-gradient(to bottom,#fff 0 4px,transparent 4px 8px) right/2px 100%,
    #dfefff;
  background-repeat:no-repeat;
  border:5px solid transparent;
  padding: 0.2em 0.5em;
  color: #454545;">Title</h3>

Answer 3

Вы не можете добавить pseudo operator inline Style, потому что Pseudo операторы работают только в CSS classes и Ids

и вы собираетесь добавить оператор pseudo с атрибутом style, что невозможно,
Для получения дополнительной информации посетите эту статью . это поможет тебе https://www.w3.org/TR/css-style-attr/