Вопросы по CSS - [130] :: Web-программирование :: Компьютерный форум Ru.Board
Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. [?] ··· Текущий бэкап шапки.. [?]

Всего записей: 940 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
pressF



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
нет такого способа записи.

точно
запись заодно поправил на content: "\002F" !important; а то для html вставлял символ https://symbl.cc/ru/002F/

Всего записей: 1589 | Зарегистр. 29-03-2023 | Отправлено: 07:06 29-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В DOM дереве
.b вложен в .a
.c вложен в .b
 
Как этот код перевести из scss в css

Код:
.c {
  .a & {
    .b & {
      opacity: 0;
    }
  }
}

Всего записей: 3935 | Зарегистр. 24-10-2002 | Отправлено: 08:26 10-01-2025
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN

Код:
.b .a .c {
     opacity: 0;
}

Всего записей: 16339 | Зарегистр. 20-09-2014 | Отправлено: 08:43 10-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii, ваш код не работает, а который я привел - работает. Для начала я преобразовал в такой код

Код:
.a .c {
  .b & {
    opacity: 0;
  }
}

и он оказался рабочим. Получается, что транслятор далее сам додумывает и делает так

Код:
.a .b .c {
     opacity: 0;
}  

Всего записей: 3935 | Зарегистр. 24-10-2002 | Отправлено: 09:01 10-01-2025 | Исправлено: Death_INN, 09:08 10-01-2025
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
& подставляет родителя.
 

Цитата:
.a .c {
  .b & {
    opacity: 0;
  }
}

Соответствует

Код:
.b .a .c {
  opacity: 0;
}

Всего записей: 16339 | Зарегистр. 20-09-2014 | Отправлено: 09:17 10-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii, ок, испытаем на этой странице форума. Работает ли такой код в гугле? В лисе да

Код:
tr a.tpc[href] {
  td.tpc[bgcolor="#EEEEEE"] & {
    color: red !important;
  }
}

После преобразования в css по правилам - работать перестанет

Всего записей: 3935 | Зарегистр. 24-10-2002 | Отправлено: 09:32 10-01-2025
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN

Цитата:
После преобразования в css по правилам - работать перестанет

https://www.cssportal.com/scss-to-css/
Правила стандартные.
 
 
Куда в лисе вы вставляете это?

Всего записей: 16339 | Зарегистр. 20-09-2014 | Отправлено: 10:08 10-01-2025 | Исправлено: Mavrikii, 10:08 10-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
Куда в лисе вы вставляете это?

В userContent.css. Да и в стилях брауза встречал подобные комбинации

Всего записей: 3935 | Зарегистр. 24-10-2002 | Отправлено: 10:28 10-01-2025
pressF



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
а как у этого форума скрыть внутри разделов эти ники?

 
с таким правилом на главной столбец модератор очищается
 
 td.dats:nth-child(5) a[href] {
        display: none !important;
    }
 
как будто надо конкретнее путь указать?

Всего записей: 1589 | Зарегистр. 29-03-2023 | Отправлено: 22:07 10-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pressF, а тебе на главной не нужно чистить? Тогда что-то типа такого
td.dats > a[href*="Death_INN"]

Всего записей: 3935 | Зарегистр. 24-10-2002 | Отправлено: 23:18 10-01-2025
pressF



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
это не будет работать как надо.

Всего записей: 1589 | Зарегистр. 29-03-2023 | Отправлено: 09:20 11-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pressF, попробуй вместо :nth-child(5)  заюзать :nth-last-of-type(3)

Всего записей: 3935 | Зарегистр. 24-10-2002 | Отправлено: 11:08 11-01-2025 | Исправлено: Death_INN, 11:09 11-01-2025
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pressF

Цитата:
с таким правилом на главной столбец модератор очищается

потому что нет специального идентификатора, что определяет тип страницы, поэтому правило применяется ко всем страницам.  
 
если есть tampermonkey в браузере, то

Код:
// ==UserScript==
// @name         New Userscript
// @match        http://forum.ru-board.com/forum.cgi*
// @grant        GM_addStyle
// ==/UserScript==
 
(function() {
    'use strict';
    GM_addStyle(`
        tr > td:nth-child(5) a { display: none; }
    `);
})();

 
Добавлено:
Death_INN

Цитата:
После преобразования в css по правилам - работать перестанет

я вам дал ссылку на стандарты scss, где & просто подставляет родителя.  
это вам любой компилятор покажет.
 

Цитата:
tr a.tpc[href] {
  td.tpc[bgcolor="#EEEEEE"] & {
    color: red !important;
  }
}

что именно вы хотите сделать?

Всего записей: 16339 | Зарегистр. 20-09-2014 | Отправлено: 07:25 12-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
что именно вы хотите сделать?

Я привел пример кода, который работает в лисе, но по вашему работать не должен. Значит компилятор лисы компилит не по правилам

Всего записей: 3935 | Зарегистр. 24-10-2002 | Отправлено: 10:13 12-01-2025 | Исправлено: Death_INN, 10:21 12-01-2025
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN

Цитата:
Я привел пример кода

который должен делать что?

Всего записей: 16339 | Зарегистр. 20-09-2014 | Отправлено: 10:54 12-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Код не должен ничего делать, т.к. не соответствует правилам, но он делает то, что на скриншоте

Всего записей: 3935 | Зарегистр. 24-10-2002 | Отправлено: 12:29 12-01-2025
pressF



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Обратил внимание на адрес. В разделе он один, на главной другой. Пришлось создать новый стиль и прописать другой адрес. Ну и тупость эти форумы на табличной вертстке.
 
Death_INN и что это даст?
будто вопрос не читаем)

Всего записей: 1589 | Зарегистр. 29-03-2023 | Отправлено: 15:57 12-01-2025
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN

Цитата:
Код не должен ничего делать, т.к. не соответствует правилам, но он делает то, что на скриншоте
 

по css адресация будет  
td.tpc[bgcolor="#EEEEEE"] a.tpc
и ваша версия scss не работает в старом лисе (работает без tr ниже).
в новом ваш вариант работает, но есть подозрение, что он там включает "ИИ" и исправляет сам допущенные ошибки. там не нужен tr в начале, правильно будет вот так

Код:
 
a.tpc {
  td.tpc[bgcolor="#EEEEEE"] & {
    color: red !important;
  }
}

с правильным вариантом выше, что я указал.
почитайте - https://css-tricks.com/the-sass-ampersand/
https://sparkbox.com/foundry/how_to_use_ampersands_to_simplifiy_your_sass

Всего записей: 16339 | Зарегистр. 20-09-2014 | Отправлено: 19:06 12-01-2025 | Исправлено: Mavrikii, 19:09 12-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
там не нужен tr в начале

Я привел просто пример и можно считать, что здесь tr нужен

Цитата:
в новом ваш вариант работает, но есть подозрение, что он там включает "ИИ" и исправляет сам допущенные ошибки

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

Код:
.tab-throbber {
  @media (prefers-reduced-motion: no-preference) {
    :root[sessionrestored] & {
      #TabsToolbar[brighttext] &[progress]:not([selected])::before {
        fill: #84c1ff;
      }
    }
  }
}

Всего записей: 3935 | Зарегистр. 24-10-2002 | Отправлено: 20:49 12-01-2025
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN

Цитата:
однако не исправляет. если амперсанд поставить не после, а до td

потому что это совершенно другое.
 

Цитата:
А сюда зашел спросить, т.к. увидел в стилях брауза один из подобных странных поведений вложенности и никак не мог понять как это работает.

& заменяется на то, что выше, а в нем & на то, что еще выше.
@media пропускается, не вставляется в &
 
получается 1я замена

Код:
@media (prefers-reduced-motion: no-preference) {
  :root[sessionrestored] .tab-throbber {
      #TabsToolbar[brighttext] &[progress]:not([selected])::before {
        fill: #84c1ff;
      }
    }
}

 
и после 2я

Код:
@media (prefers-reduced-motion: no-preference) {
   #TabsToolbar[brighttext] :root[sessionrestored] .tab-throbber[progress]:not([selected])::before {
        fill: #84c1ff;
    }
}

Всего записей: 16339 | Зарегистр. 20-09-2014 | Отправлено: 21:02 12-01-2025
Открыть новую тему     Написать ответ в эту тему

Страницы: 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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru