Оптимизатор CSS

@Крапива · 01.05.2019, 08:43. **Показов** 1198. **Ответов** 13

Студворк — интернет-сервис помощи студентам

Здравствуйте. Подскажите пожалуйста он-лайн оптимизатор css, который удалит дубликаты. Удалит первые и оставит последние. Как это делает браузер, когда видит в таблице стилей одинаковые классы. Дело в том, что я из двух таблиц сделал одну. Таблицы очень большие и искать вручную все эти дубли очень проблематично.

@Freeze_Breeze · 01.05.2019, 09:14

Крапива, Вы пользуетесь ректором кода, будь каким, а в редакторах есть такая функция или же сочетание клавиш ctrl+F если ее нажать, то выскакивает такой себе инпут в который можно ввести любой класс, любой id, любой HTML элемент и оно Вам подсветит все похожие совпадения.

@Fedor92 · 01.05.2019, 09:54

Крапива, можно здесь попробовать оптимизировать стили, но такой подход не рекомендую. Частенько после такой оптимизации слетает часть стилей.

Сообщение от Крапива

Удалит первые и оставит последние. Как это делает браузер, когда видит в таблице стилей одинаковые классы.

Броузер ничего не удаляет - он читает весь файл стилей и применяет к элементам правила имеющие более высокий приоритет...

@Крапива · 01.05.2019, 10:04 **[ТС]**

Сообщение от Freeze_Breeze

и оно Вам подсветит все похожие совпадения

Я не хочу удалять вручную, если найдется возможность удалить это автоматически.

Сообщение от Fedor92

он читает весь файл стилей и применяет к элементам правила имеющие более высокий приоритет...

CSS
1
2
3
4
5
6
7
8
9
10
.cookies.message {
    padding: 24px 37px 24px 54px
}
 
.cookies.message {
    padding: 24px 37px 24px 54px
}
.cookies.message {
    padding: 24px 37px 24px 54px
}

В данном случае браузер зачеркнет два верхних и оставит самый нижний из этих трех одинаковых. Если это посмотреть в редакторе кода браузера

@Fedor92 · 01.05.2019, 10:32

Сообщение от Крапива

В данном случае браузер зачеркнет два верхних и оставит самый нижний из этих трех одинаковых. Если это посмотреть в редакторе кода браузера

Он ничего не зачёркивает... Там применяется подряд 3 стиля, поскольку они одинаковые - броузер применит последний стиль, ибо он имеет наибольший приоритет... Зачёркнутые стили в браузере - это стили, которые были считаны из файла стилей, но не были применены к элементу ввиду дубля или более низкого приоритета!

@mrtoxas · 01.05.2019, 10:56

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .cookies.message {
      padding: 24px 37px 24px 54px
    }
 
    .cookies.message {
      padding: 24px 37px 24px 54px;
      color: red;
    }
 
    .cookies.message {
      padding: 24px 37px 24px 54px
    }
  </style>
</head>
 
<body>
  <script>
    var allCSS = [].slice.call(document.styleSheets)
      .reduce(function(prev, styleSheet) {
        if (styleSheet.cssRules) {
          return prev + [].slice.call(styleSheet.cssRules)
            .reduce(function(prev, cssRule) {
              return prev + cssRule.cssText;
            }, '');
        } else {
          return prev;
        }
      }, '');
    var uniqueRules = allCSS
      .split('}')
      .map(function(rule) {
        return rule ? rule.trim() + '}' : '';
      })
      .filter(function(rule, index, self) {
        return self.indexOf(rule) === index;
      })
      .join(' ');
    document.write(uniqueRules);
  </script>
</body>
 
</html>

Но я удалять автоматически дубли не решился бы

@Крапива · 01.05.2019, 10:58 **[ТС]**

Понятно. Ок... буду вручную редактировать. А российскими стараюсь не пользоваться. Они все глюченные. Лучше уж здесь https://csscompressor.com/

Добавлено через 1 минуту
Спасибо всем. Поставить "Спасибо" не могу. Что-то ваш форум глючит тоже)

@Fedor92 · 01.05.2019, 17:44

Сообщение от Крапива

Что-то ваш форум глючит тоже)

Наши советы - это тоже глюки - так что не паримся... Хотя есть повод ограничить себе доступ к запрещённым препаратам и тогда вокруг ничего не будет глючить...

@imaster · 01.05.2019, 23:15

Сообщение от Крапива

Подскажите пожалуйста он-лайн оптимизатор css

Оптимизатор CSS - удаляет дубли, группирует селекторы, в общем минимизирует код, насколько это возможно.

@Крапива · 02.05.2019, 08:52 **[ТС]**

imaster, что-то Ваш сервис не работает. Сжал загруженный файл. А дальше? Где получить результат? Попробовал даже на всякий случай отключить Ад-блок. Всё равно тишина. Может и сжимает и удаляет дубли, но я этого не вижу)

@imaster · 02.05.2019, 13:05

Результаты после сжатия появляются на той же странице.
Вот инструкция https://www.youtube.com/watch?v=WGqyXXgipPw

Может быть у вас javascript выключен в браузере? Поэтому все и "глючит".

@Крапива · 03.05.2019, 08:53 **[ТС]**

imaster, работает только при небольших размерах текста. Вот я специально сделал декомпрессию файла. Попробуйте сами его сжать этим сервисом. Хотя бы сжать, не говоря уже про дубликаты.

@imaster · 03.05.2019, 12:14

Там же написано "The maximum inlet size - 100 KB".
Попробуйте разделить файл на 2 части, и сжать по отдельности.

@Крапива · 03.05.2019, 15:57 **[ТС]**

не туда написал(

Новые блоги и статьи Все статьи Все блоги /
WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .

@Крапива Заблокирован

	Оптимизатор CSS 01.05.2019, 08:43. Показов 1198. Ответов 13 Метки нет (Все метки) Здравствуйте. Подскажите пожалуйста он-лайн оптимизатор css, который удалит дубликаты. Удалит первые и оставит последние. Как это делает браузер, когда видит в таблице стилей одинаковые классы. Дело в том, что я из двух таблиц сделал одну. Таблицы очень большие и искать вручную все эти дубли очень проблематично. 0

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	01.05.2019, 09:14
	Крапива, Вы пользуетесь ректором кода, будь каким, а в редакторах есть такая функция или же сочетание клавиш ctrl+F если ее нажать, то выскакивает такой себе инпут в который можно ввести любой класс, любой id, любой HTML элемент и оно Вам подсветит все похожие совпадения. 0

@Крапива Заблокирован
	01.05.2019, 10:58 [ТС]
	Понятно. Ок... буду вручную редактировать. А российскими стараюсь не пользоваться. Они все глюченные. Лучше уж здесь https://csscompressor.com/ Добавлено через 1 минуту Спасибо всем. Поставить "Спасибо" не могу. Что-то ваш форум глючит тоже) 0

@Крапива Заблокирован
	02.05.2019, 08:52 [ТС]
	imaster, что-то Ваш сервис не работает. Сжал загруженный файл. А дальше? Где получить результат? Попробовал даже на всякий случай отключить Ад-блок. Всё равно тишина. Может и сжимает и удаляет дубли, но я этого не вижу) 0

@imaster 76 / 52 / 26 Регистрация: 04.04.2019 Сообщений: 191
	02.05.2019, 13:05
	Результаты после сжатия появляются на той же странице. Вот инструкция https://www.youtube.com/watch?v=WGqyXXgipPw Может быть у вас javascript выключен в браузере? Поэтому все и "глючит". 0

@imaster 76 / 52 / 26 Регистрация: 04.04.2019 Сообщений: 191
	03.05.2019, 12:14
	Там же написано "The maximum inlet size - 100 KB". Попробуйте разделить файл на 2 части, и сжать по отдельности. 0

@Крапива Заблокирован
	03.05.2019, 15:57 [ТС]
	не туда написал( Миниатюры 0