Хочу я на сайт добавить анимированную рамку,

но такая вот беда то стиль прописан через родитель DIV

<div> содержимое</div>

но этот DIV не подходит так как задивает весь стиль сайта ...

я пытался изменить на другое название , через точку,
так же пытался через ID="";
без результатно

какой мне селектор прописать можно что бы сайт не задевало ?

div {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

       -ms-flex-align: center;

           align-items: center;

   -webkit-box-pack: center;

       -ms-flex-pack: center;

           justify-content: center;

   position: relative;

   margin: 20px auto;

   width: 250px;

   height: 250px;

   background: white;

   border-radius: 75px;

   font-family: 'Montserrat', sans-serif;

   font-size: 20px;

   font-weight: lighter;

   letter-spacing: 2px;

   -webkit-transition: 1s box-shadow;

   transition: 1s box-shadow;

 }

 

<div class="class" id="id"> так попробуй

Ну так напиши в стиле не
div {........}
А вот так
.myclass{....}
И тогда можно писать в любом месте в атрибуте class="myclass"
________
посл. ред. 03.08.2021 в 22:20; всего 1 раз(а); by jasis

wayz, пробовал, не помогло,

jasis, ну я в место div {....}

свой прописывал например .borders{...}
не помогло

155876556, не помогать оно может только в одном случае, ты это вписываешь в файл css который уже закешировал твой браузер и новые изменения не попадают

jasis, я это знаю, я в данном случае кеш чищю,
если нечего не меняется

155876556, А я стиль держу на странице , а не в файле стиля

jasis это хреново

155876556, нет, почитай статьи про оптимизацию.