这是CSSBattle问题#2的顶级解决方案之一。但我不明白这一行代码中的“+”号和“q”。
<body bgcolor=62375 style=margin:0+50;border:dashed+53q#fdc57b;clip-path:inset(53q+0>
根据研究，“q”表示引号，“+”是CSS相邻选择器，这在这行代码中没有意义，
vaj7vani1#
这是一个CSS 'q'长度，作为绝对长度单位。1 q等于1 cm的1/40。
编辑
首先，内联样式标记不带引号，因为它被认为是可选的。border:dashed + 53q #fdc57b;：我们有一个虚线边框，一个+53 q和一个颜色。+ 53 q是一个CSS选择器。CSS中的“+”符号是一个相邻的兄弟组合子。它结合了两个具有相同父类的简单选择器序列，第二个必须紧跟在第一个之后。如果你自己在浏览器中查看，你会注意到如果你改变53的值，虚线边框的大小也会改变。或者，如果您将其删除，虚线边框将改为这些小线条。然而，我不知道为什么在clip-path:inset(53q+0中没有关闭括号，也许写得很差。不管怎么样，都管用。
border:dashed + 53q #fdc57b;
53
clip-path:inset(53q+0
6g8kf2rb2#
q是尺寸单位，与px相同+是转义空间你需要给body增加一些高度才能看到边框，我猜它增加了body{height: 100vh}所以基本上这段代码添加了53px的虚线边框，然后删除了正文的顶部和底部的53px，留下了左侧和右侧的虚线边框。
q
px
+
body{height: 100vh}
body { height: 100vh }
body { background-color: rgb(98, 55, 80); margin: 0 50px; border: dashed 53q #fdc57b; clip-path: inset(53q 0); } body { height: 100vh }
<body>
wz3gfoph3#
CSS中的+符号有两种含义：1 -如果在选择器部分使用，我们称之为combinator（adjacent search）组合：div+p{...} 2-如果在css规则中使用，+符号将替换单个空格：selector{margin：50+50}等价于selector{margin：50 50}，有些例外是让步。例如：选择器{border：10 px solid red}不等同于选择器{border：10 px +solid+red}
3条答案
按热度按时间vaj7vani1#
这是一个CSS 'q'长度，作为绝对长度单位。1 q等于1 cm的1/40。
编辑
首先，内联样式标记不带引号，因为它被认为是可选的。
border:dashed + 53q #fdc57b;：我们有一个虚线边框，一个+53 q和一个颜色。+ 53 q是一个CSS选择器。CSS中的“+”符号是一个相邻的兄弟组合子。它结合了两个具有相同父类的简单选择器序列，第二个必须紧跟在第一个之后。
如果你自己在浏览器中查看，你会注意到如果你改变
53的值，虚线边框的大小也会改变。或者，如果您将其删除，虚线边框将改为这些小线条。然而，我不知道为什么在
clip-path:inset(53q+0中没有关闭括号，也许写得很差。不管怎么样，都管用。6g8kf2rb2#
q是尺寸单位，与px相同+是转义空间你需要给body增加一些高度才能看到边框，我猜它增加了
body{height: 100vh}所以基本上这段代码添加了53px的虚线边框，然后删除了正文的顶部和底部的53px，留下了左侧和右侧的虚线边框。
wz3gfoph3#
CSS中的+符号有两种含义：1 -如果在选择器部分使用，我们称之为combinator（adjacent search）组合：div+p{...} 2-如果在css规则中使用，+符号将替换单个空格：selector{margin：50+50}等价于selector{margin：50 50}，有些例外是让步。例如：选择器{border：10 px solid red}不等同于选择器{border：10 px +solid+red}