Добавить элементы с другого сайта

Nikitos818
Nikitos818
702
6
Содержание:
  1. Комментарии
Добрый день! Хочу добавить на свой сайт несколько секций с другого веб-ресурса. Выловил html код и css файл( посредством css used). Так вот при добавлении этих стилей на свой сайт, происходит конфликт css, они перебиваются. В разработке недавно, никак не могу понять, как мне это реализовать. Гугл не помогает. Подскажите пожалуйста, как это можно сделать

Комментарии:

  1. Nikitos818
    28 марта 2019, 20:09
    Стили с другого сайта я скопировал, и подключил на свой. Перебивание обычных классов ".class"
    я устранил, сейчас идет перебивание системных тегов. Например «img»
    1. Amsterdam
      29 марта 2019, 06:13
      Принцип тот же. Либо пропишите свои стили ниже, либо подключите свой файл со стилями ниже, чем подключен сторонний.

      И еще, почему вы не отредактируете эти стили непосредственно под свои нужды, без переопределения?
      1. Nikitos818
        30 марта 2019, 12:30
        Теперь разобрался) Спасибо большое.
    2. Nikitos818
      28 марта 2019, 18:10
      Пытался уже делать по разному, все равно стили перебиваются, либо как-то коряво интегрируются. Можно ли как-нибудь в полуавтоматическом режиме, переименовать все стили с другого сайта, чтобы не было пересечений? И перебиваются в основном системные теги 'section'
      'p' и.т.п
      1. Amsterdam
        28 марта 2019, 18:38
        Смотрите через отладку (F12 в хроме, мозилле, например), стили в каком файле переопределяют нужные. И не совсем понятно, как именно у вас все подключено. Файлы можете редактировать, или тянете удаленно с чужого сайта?

        Еще, стили могут быть прописаны в самом html. Такие стили тоже имеют больший приоритет.

        На счет «полуавтоматического переименования» тоже не понял, что имеете ввиду. Если файлы доступны для редактирования, то можете массово заменить название стилей через поиск в редакторе, которым работаете.
      2. Amsterdam
        28 марта 2019, 15:11
        В css, приоритет получают те стили, которые идут ниже по коду (принцип переопределения). Соответственно, выведите/подключите в самом конце тот css файл, стили которого должны быть в приоритете.

        Так же, приоритеты получают стили, указанные для id (#block); имеющие декларацию !important
        Войдите, пожалуйста, в аккаунт, чтобы оставить комментарий.