В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Svelte [svelt]

1486 membersпожаловаться на группу
2020 March 02

T

Th0r in Svelte [svelt]
Дмитрий Беляев
проблема в том что мне не значения а селектор нужно менять
не нужно тебе селектор менять, тебе надо решить задачу, а судя по описанию - тебе нужно изменить внешний вид, задаваемый css для каких-то блоков.
а как именно это решить - через селектор nth-child или дополнительным классом - не вижу пока что каких то ограничений
источник
19:50пожаловаться#1

ДБ

Дмитрий Беляев in Svelte [svelt]
Th0r
не нужно тебе селектор менять, тебе надо решить задачу, а судя по описанию - тебе нужно изменить внешний вид, задаваемый css для каких-то блоков.
а как именно это решить - через селектор nth-child или дополнительным классом - не вижу пока что каких то ограничений
сейчас плашка выставляется после 12 товара засчет селектора с -n+13
но иногда нужно чтоб было после например 8 или 4 или еще какого-то
источник
19:56пожаловаться#2

DK

Dan Kozlov in Svelte [svelt]
Ну вот у вас сделайте отдельный класс, который добавляет код про order: 1, и назначайте его динамически в зависимости от индекса элемента в each-блоке. Так же сильно проще.
источник
20:00пожаловаться#3

T

Th0r in Svelte [svelt]
Дмитрий Беляев
сейчас плашка выставляется после 12 товара засчет селектора с -n+13
но иногда нужно чтоб было после например 8 или 4 или еще какого-то
https://svelte.dev/repl/42a9afbd3b2a4b72aae27d2972035276?version=3.19.1
svelte.dev
Svelte REPL
Cybernetically enhanced web apps
источник
20:00пожаловаться#4

ДБ

Дмитрий Беляев in Svelte [svelt]
Th0r
https://svelte.dev/repl/42a9afbd3b2a4b72aae27d2972035276?version=3.19.1
svelte.dev
Svelte REPL
Cybernetically enhanced web apps
не подойдет
источник
20:01пожаловаться#5

T

Th0r in Svelte [svelt]
Дмитрий Беляев
не подойдет
ну так расскажи - почему?
источник
20:03пожаловаться#6

ДБ

Дмитрий Беляев in Svelte [svelt]
Th0r
ну так расскажи - почему?
сетка товаров ничего не знает (и не должна), о своих соседних компонентах
источник
20:11пожаловаться#7

ДБ

Дмитрий Беляев in Svelte [svelt]
и то что один из ее родителей внедрил css-ом посреди сетки что-то сторонее, к сетке товаров точно не относится
источник
20:11пожаловаться#8

GV

Gennadiy Vatitov in Svelte [svelt]
Arushwl
https://github.com/xelaok/svelte-media-query
GitHub
xelaok/svelte-media-query
CSS media queries in Svelte. Contribute to xelaok/svelte-media-query development by creating an account on GitHub.
Наверно, не стоит и надеятся, что это преобразуется в css?)
источник
20:18пожаловаться#9

ДБ

Дмитрий Беляев in Svelte [svelt]
Gennadiy Vatitov
Наверно, не стоит и надеятся, что это преобразуется в css?)
там никакого отношения к css нет, оно работает поверх этого: https://developer.mozilla.org/ru/docs/Web/API/Window/matchMedia
Веб-документация MDN
Window.matchMedia()
Возвращает новый объект MediaQueryList содержащий результат обработки переданной media query строки.
источник
20:21пожаловаться#10

GV

Gennadiy Vatitov in Svelte [svelt]
Дмитрий Беляев
там никакого отношения к css нет, оно работает поверх этого: https://developer.mozilla.org/ru/docs/Web/API/Window/matchMedia
Веб-документация MDN
Window.matchMedia()
Возвращает новый объект MediaQueryList содержащий результат обработки переданной media query строки.
Обалдеть, даже с ие10) Спасибо)
источник
20:22пожаловаться#11

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Дмитрий Беляев
и то что один из ее родителей внедрил css-ом посреди сетки что-то сторонее, к сетке товаров точно не относится
так внедри это через слот
источник
20:26пожаловаться#12

PM

Pavel 🦇 Malyshev in Svelte [svelt]
{#each items as item, i}
  {#if i === pos}
  <slot></slot>
 {/if}
 <Item {item} />
{/each}
источник
20:27пожаловаться#13

ДБ

Дмитрий Беляев in Svelte [svelt]
Pavel 🦇 Malyshev
так внедри это через слот
скажем так, мне не дают это сделать принципы:
"работает - не трогай" и "open closed" из SOLID
и в моем случае это реально важно
источник
20:28пожаловаться#14

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Дмитрий Беляев
скажем так, мне не дают это сделать принципы:
"работает - не трогай" и "open closed" из SOLID
и в моем случае это реально важно
не вижу связи. "работает не трогай", ну тогда и не трогай. не надо тогда натягивать слова на ежа.
источник
20:29пожаловаться#15

A

Arushwl in Svelte [svelt]
Gennadiy Vatitov
Обалдеть, даже с ие10) Спасибо)
Вот это https://github.com/pearofducks/svelte-match-media компактнее - вынес в хелпер и настроил нужные квери, хотя можно и через css решать
GitHub
pearofducks/svelte-match-media
a matchMedia plugin for svelte 3. Contribute to pearofducks/svelte-match-media development by creating an account on GitHub.
источник
20:29пожаловаться#16

PM

Pavel 🦇 Malyshev in Svelte [svelt]
open closed тут тоже не причем. если я правильно понял, ты хочешь неявно внедрять css правила, а это вообще плохая практика
источник
20:29пожаловаться#17

ДБ

Дмитрий Беляев in Svelte [svelt]
я и не трогаю, я прикрутил новый функционал сбоку, не меняя существующий
источник
20:29пожаловаться#18

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Дмитрий Беляев
я и не трогаю, я прикрутил новый функционал сбоку, не меняя существующий
если все прикрутил и все работает, тогда об чем вопрос? 🤔
источник
20:30пожаловаться#19

ДБ

Дмитрий Беляев in Svelte [svelt]
Pavel 🦇 Malyshev
open closed тут тоже не причем. если я правильно понял, ты хочешь неявно внедрять css правила, а это вообще плохая практика
пойду скажу все создателям нормальных css-in-js либ (те что работают через CSSOM а не вешают дом инлайн стилями), что они делают плохо
источник
20:31пожаловаться#20