как удалить свойство CSS из тега HTML

Question

Мне не удалось удалить свойство CSS для тега HTML.

Я пытаюсь удалить свойство стиля позиции из css. На самом деле он исходит от родителя, я могу переопределить его с моим css файлом, но я хочу полностью удалить свойство postion в соответствии с моим требованием.

Ниже кода я пытался, но он не работал для me

$("p").removeProp("position");

Пример для моего кода (Примечание: у меня нет никакого className для тега P)

$("p").removeProp("position");

p {
  position: static;
  font-size: 18px;
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
  Hello Stack Overflow
</p>

Answer 1

Их можно удалить с помощью:

$("p").css("position",'');

Как указано в документации jquery:

Установка значения свойства стиля в пустую строку - например, $(selector).css('color', ' ') - удаляет это свойство из элемента, если оно уже было применено напрямую.

Чтобы удалить весь встроенный стиль элемента, используйте:

$(selector).removeAttr('style');

Ваш фактический кажется, что вы добавили свойство css в тег p. Вы должны использовать либо class, либо использовать !important для замены. Лучше всего использовать class

.p-static {
  position: static;
  font-size: 18px;
  color: red;
}
.p-normal {
  font-size: 18px;
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="p-static">
  Hello Stack Overflow, this is static paragrap.
</p>
<p class="p-normal">
  Hello Stack Overflow, this is normal paragraph.
</p>

Answer 2

С помощью jQuery вы можете легко добиться этого

$("p").css({ 'postion': '' });