Недавно добавленный CSS не отображается в некоторых браузерах (после очистки кеша, аппаратного сброса и проверки связи т ⇐ CSS

[Anonymous]

Я начал добавлять новый раздел на свой сайт (с помощью Firefox), и все выглядит хорошо. Я добавляю уже существующий файл CSS, но понял, что новый добавленный мной CSS не отображается в Chrome или Edge. Опять же, это всего лишь недавно добавленный CSS для нового раздела сайта, который я создал. Когда я меняю уже существующий CSS в файле, он меняется, без проблем.
Это похоже на то, что класс div неправильный, но это не так, они совпадают. . Когда я захожу и проверяю исходные коды браузера, я вижу, что файл CSS ссылается и есть новый код CSS, но он просто не распознается браузером.
Я знаю, что это так. это не проблема сервера или Cloudflare, поскольку он обновляется в Firefox.
Похоже, что эти браузеры перестали загружать код через определенное время, потому что, как уже говорилось ранее, все предыдущие введенные CSS работают. и когда я обновляю старый CSS, он отображается.
Действия, предпринятые на данный момент:

[*]Очистил кеш браузера< /li>
Принудительный сброс
[*]Очистка кэша моего W3
[*]обновление всех браузеров
[*]Проверено с помощью «проверки > источников», чтобы убедиться, что таблица стилей CSS правильно связывается в каждом браузере.
[*]Убедилась, что классы не перекрываются.
< /ol>
Вот HTML-код раздела:







alt="Laser Cutting in Dublin Ireland" />
Reliability Assurance

• Made in Ireland
• ISO 9001 Certified
• High Quality Steel
• 28 Years in Business
• Worldwide Customer base

alt="Laser Cutting in Dublin Ireland" />
Our Product Design Benefits

• We offer a designated in-house design team to help bring your vision to life
• Our in-house designers are experts in all aspects of computer aided design (CAD)
• 2D and 3D on-screen modelling of parts with detailed dimensions, material properties
  and tolerance
• Upload existing designs to speed up the design process

alt="Steel manufacturing & Fabrication Services Ireland" />
Product Examples

• Gates & Railings
• Data Centre Cages
• Trolley Bays
• Stair Cases
• Custom Lockers
• Construction Projects
• Custom Design Projects

Вот CSS:
/* --------------------------------

START OF BLUE COLUMNS
----------------------------------------------------*/

/* container */
.padded-boxes-parent
{
width: 100%;
margin: 0;
padding: 5px 4% 4% 4%;
background: #fff;
display: table;
height: auto;
overflow: hidden;
}

.padded-boxes {
display: flex;
flex-wrap: wrap;
gap: 2rem;
padding-top: 30px;
padding-bottom:50px;
}

/* boxes */
.padded-boxes > section {
width: 100%;
background: #0b5eb4;
border-radius: .4rem;
text-align: center;
padding: 1rem;
color: white;
list-style-type: none;
padding-top: 30px;
padding-bottom: 30px;
}

/* headings */
.padded-boxes .heading {
margin-top: 0;
color: #fff;
padding-top:10px;
font-weight: bold;
}

/* icons */
.padded-boxes .icon img {
width: 50px;
height: 50px;
display: block;
margin: 0 auto;
}

/* underline */
.underline {
width: 50px;
height: 2px;
background-color: #fff;
margin: 10px auto;
}

/* blurb */
.blurb {
color: #fff;
}

/* tablet breakpoint */
@media (min-width: 768px) {
.padded-boxes > section {
width: calc((100% - 4rem) / 3);
}

/* Styling for the divider line */
.divider {
border-top: 1px solid #ccc; /* Border color and style */
margin: 20px 0; /* Margin for spacing */
}

.boxes-list

{
color:white;
list-style-type: none;
}

.services-list
{
color:#ffff;
font-size: 16px;

}

.services-list li
{
color:#ffff;
list-style:none;
padding-bottom: 25px;
font-size: 18px;

}

.services-list ul
{
color:#ffffff;
list-style:none;
list-style-type: none;
}

.customer-information

{
text-align: center;
padding-top: 50px;
}
.customer-information h2
{
color:#0b5eb4;
font-size: 30px;
}



Подробнее здесь: https://stackoverflow.com/questions/783 ... cache-hard