Что такое «q» и «+» в стиле CSS тега тела html? - PullRequest
1 голос
/ 02 августа 2020

Это одно из лучших решений для вопроса №2 CSSBattle. Но я не понимаю знак «+» и «q» в этом однострочном коде.

<body bgcolor=62375 style=margin:0+50;border:dashed+53q#fdc57b;clip-path:inset(53q+0>

Согласно исследованиям, «q» означает кавычки, а «+» - CSS смежный селектор , что не имеет смысла в этой строке кода,

1 Ответ

2 голосов
/ 02 августа 2020

Это CSS длина q в абсолютной единице длины. 1q эквивалентен 1/40 от 1 см.

EDIT

Во-первых, встроенный тег стиля работает без кавычек, потому что он считается необязательным.

border:dashed + 53q #fdc57b;: у нас пунктирная граница, + 53q и цвет в конце. `+ 53q '- это селектор CSS.

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

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

Однако я не знаю, почему в clip-path:inset(53q+0 нет закрывающих скобок, возможно, они плохо написаны. В любом случае, это работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...