1. Куча / Говнокод #22107

    −31

    1. 1
    2. 2
    3. 3
    4. 4
    .content img[style*="float:left"], .content img[style*="float: left"] {
    margin: 0 20px 20px 0;
    margin: 0 1.25rem 1.25rem 0;
}

    Я видел много дерьма в верстке от индусов и украинских школьников, но это заслуживает отдельного упоминания.

    Запостил: zooks, 02 Февраля 2017

    Комментарии (16) RSS

    • ava huesto 02.02.2017 21:53 # 0

      Это CSS
      Ответить

    • ava bormand 02.02.2017 21:57 # +7 

      img[style*="float: left"] {
    float: right;
}
      Ответить

      • ava huesto 02.02.2017 22:41 # +6 

        img[style*="float: left"] {
    float: right !important;
}


        потомушо инлайновые стили приоритетнее
        Ответить

        • ava bormand 02.02.2017 22:43 # +3

          > !important
          Всегда читаю эту херню как "not important".
          Ответить

          • ava inkanus-gray 03.02.2017 18:15 # +4

            Вот что сишный синтаксис делает...

            Вообще я за то, чтобы ввести для CSS испанскую пунктуацию, тогда будет понятнее:
            float: right ¡important!;
            Ответить

            • ava bakagaijin 03.02.2017 18:18 # +3

              И ¿important?, если верстала сомневается, так уж ли важно это правило.
              Ответить

      • ava 1024-- 03.02.2017 00:07 # +3

        А рекурсию на CSS можно сделать?
        Ответить

        • ava inkanus-gray 03.02.2017 18:22 # +2

          На LESS/SASS, скорее всего, можно. В IE, используя behavior(), тоже можно нахулиганить.

          А на чистом CSS вряд ли. Он не может подменять атрибуты HTML-элементов, включая class и инлайновые стили, поэтому в селекторы нагадить не получится.

          Есть интересная вещь — автогенерация контента с помощью псевдоклассов :before и :after, свойства content и функции data(), но сгенерировать можно только чистый текст без HTML, поэтому рекурсию к генереции применить не получится.
          Ответить

          • ava bormand 03.02.2017 18:32 # +1

            Кстати, а сгенерированные элементы доступны через DOM?
            Ответить

            • ava huesto 03.02.2017 19:05 # +1

              before и after вроде нет, по крайней мере я как-то с этим ебался
              Ответить

            • ava Darkling 04.02.2017 11:28 # 0

              Что мешает достать по id, name или class на крайняк?
              Ответить

              • ava inkanus-gray 04.02.2017 11:31 # 0

                Покажите пример кода, пожалуйста.
                Ответить

                • ava Darkling 04.02.2017 12:25 # +1

                  Например? https://jsfiddle.net/338uj88n/
                  Ответить

                  • ava inkanus-gray 04.02.2017 12:54 # +3

                    Но мы же здесь изменяем только свойства (в данном случае class) «породившего» их элемента (при наведении на жёлтый цвет зелёного тоже меняется).

                    Вопрос в том, можно ли получить доступ к конкретному сгенерированному элементу. Например, сделать что-то с жёлтым, не трогая зелёный.
                    Ответить

                    • ava Darkling 04.02.2017 13:29 # +1

                      Убрать хувер в кваревском коде для зелёного (класс red) и меняться будет только жёлтый.

                      Если имеется в виду прямой доступ к :before и :after без применения дополнительных классов (pink и red, в случае примера), то так, к сожалению, нельзя. Навроде. По крайней мере у меня не выходило получить к ним прямой доступ. Хотя, допустим, можно пострадать динамической заменой CSS. Но тут я не подсказчик, ибо так ещё не извращался. :)
                      Ответить

    • ava bakagaijin 02.02.2017 23:12 # +6

      Ну... человек по крайней мере умеет в CSS-селекторы.
      Ответить

    Добавить комментарий