
[英]Trouble with media query
我正在尝试前端指导项目,但在提供不同视口大小(用于桌面)的图片时遇到问题,我不知道出了什么问题,我使用了图片元素并声明了图片应该以什么宽度提供服务但是它不起作用。 令人困惑的方面是 flexbox 和网格显示属性没有太大影响。 小的移动图像不会被桌面图像取代。 * { padding: 0; ma ...
[英]Trouble with media query
我正在尝试前端指导项目,但在提供不同视口大小(用于桌面)的图片时遇到问题,我不知道出了什么问题,我使用了图片元素并声明了图片应该以什么宽度提供服务但是它不起作用。 令人困惑的方面是 flexbox 和网格显示属性没有太大影响。 小的移动图像不会被桌面图像取代。 * { padding: 0; ma ...
[英]Occupy the least possible but still reasonable space in responsive layout
我正在编写一个数量选择器按钮并希望它能够响应。 也就是说,我希望减号和加号只包含图标所需的宽度,中间的输入是最大宽度。 我想知道如何使用 scss 来解决这个问题。 HTML: SCSS: grid-template-columns: 45px auto 45px; 可以解决这个问题,但不是有效 ...
[英]How to use Sass in blazor?
我在 razor 中找到了关于 Css 的MS DOC 。但它不适用于 Scss 文件。 我通过创建两个文件解决了这个问题:css 和 scss。 并使用 sass --watch。 但是每次创建新组件时我都需要写这个。 ...
[英]How to style the element in the list above and below and its subsequent differently using react scss
output应该是这样的 我能够在所选元素和其他后续元素下方以不同方式实现颜色,但我无法为所选元素的上述元素做到这一点我的反应组件 这是 scss 代码 有人可以帮我实现这个目标吗? 我被困在这样的地方: ...
[英]How to generate an empty styling template with class names from html
我发现自己在 JSX 中输入 class 名称,然后在 CSS/SCSS 中非常频繁地输入相同的 class 名称作为选择器。 有没有什么简单的方法可以不做两次,因为这似乎是几乎每个 React 开发人员都必须做的事情,但我无法通过搜索找到与此相关的任何工具。 澄清是否有任何工具可以生成此 sass ...
[英]changing an element's className doesn't work properly
我想通过切换类名来改变元素的颜色,而类名没有改变。 我目前正在使用 nextJS 和 mobX。 这是示例代码: 例子.tsx 例子商店.ts 例子.module.scss ...
[英]How compile SCSS faster
简单的主题简单的问题:当你有一个像这样的部分文件的 MASSIVE 文件夹时,有没有办法编译更快的 SCSS 我知道更多的部分文件你的编译速度更慢,但我想知道是否有更快编译的方法。 ...
[英]make an array display in two equal lines with flexbox
因此,目前我正在尝试在每个分辨率(或大多数分辨率)下以两行相等的方式显示数组,代码结构只是 a.map 在返回外部组件的 div 中 它应该是什么样子,至少直到移动断点我虽然可能制作两个单独的 arrays,包括原始的一半,每个映射那些。 然而,它在响应时给我带来了问题,虽然我可能必须用媒体查询填充 ...
[英]How to generate sourceMap file for css or scss?
找不到为 css 制作源代码 map 的方法。任何人都可以给出提示吗? ...
[英]Does anyone know how to fix this ?( Dynamic nth-child & after ) react-sass
我正在尝试弄清楚,但我一直无法...这是一个包含信息的列表,它实际上已经准备就绪,但是第 nth-child:after 样式我无法通过 React 使其动态化。 我的 React 组件: 我试图得到这个结果: 但我有这个: ...
[英]NextJS Error - HookWebpackError: Expected a pseudo-class or pseudo-element
运行next build时出现以下错误: (请参阅https://pastebin.com/JLQ2aR2f上的完整错误) 我一直在尝试调试这个问题 ~3 小时,这让我发疯。 如果能帮助我更好地调试next build命令,我将不胜感激? 我尝试使用--debug标志,但它似乎没有做任何事情。 到 ...
[英]Generating an Angular Theme for Angular 15?
在各种教程中,我看到了这样生成的主题: IIUC 这也是 Angular 的文档告诉我们如何去做的。 但是,当我运行构建时,我收到了这些警告。 我们如何创建主题而不像 Typography 那样复制 commons styles? ...
[英]Why React is not seeing scss styles
在项目设置方面,我有点 React noobie。 我使用npx create-react-app创建了一个带有默认值的简单项目。 我想使用 Sass 所以我安装了一个 sass 模块。 在使用方面,我创建了具有基本背景样式的styles.scss ,并尝试: 这很好用,但我想这样使用它: 但它不 ...
[英]how to override the vuetify scss varibales in nuxt3 + vite
我想覆盖 vuetify scss varibale 以更改 v-text-field border-redius 检测到 'varibales.scss' 中所有定义的变量,但我想要 ovrride vuetify 变量。 ...
[英]Why does SvelteKit require to include dependent scss files each time instead requiring them once, globally?
我正在尝试使用 SvelteKit 和 Bootstrap 构建一个项目。 在+layout.css文件中包含所有 Bootstrap 相关的 scss 文件后,我从我的custom.scss样式文件中收到一条错误消息: 这是我的+layout.svelte文件: 我已经设法确定我可以通过在我的c ...
[英]I need to style this text exactly like in mockup
未来的初级培训。 我需要像这张图片一样设置文本样式。 那是手机版。 它会在平板电脑和台式机上发生变化。 我正在考虑只使用一个列表,但我认为它不适用于平板电脑/桌面版本。 先感谢您! 我尝试使用填充和边距但没有效果。 ...
[英]Is it possible to remove a style based on the state of a sibling div's button?
我有一个 html 片段,点击时会隐藏一个按钮: CSS: 使用 CSS,如果嵌套在兄弟 div 中的按钮位于隐藏的 state 中,是否可以删除 div.item 上的背景图像样式? 我知道如何在 JavaScript 中完成此操作,但好奇是否可以单独使用 CSS 来处理? ...
[英]How to wrap text label in mat-slide-toggle (Angular Material)
我想使用 mat-slide-toggle,但要将标题换行(因为它有点长)。 我怎样才能做到这一点。 我只想让标题换行并将其默认位置保留在切换按钮的右侧 我试过flex-wrap但没有用 你可以看到措辞是如何从容器外面出来的 ...
[英]Using ngClass within expressions in ngFor Angular
我想做一个过滤器。 我有一个标题字段和一个计数字段。 在标题字段中,我 select 产品,然后我 select 复选框中过滤器的参数。 计数字段应包含所选产品过滤器的数量。 如果计数器为空,则为灰色,如果值 > 0,则为红色。 我尝试使用 ngClass 来完成此操作,但每次计数的颜色都会 ...
[英]Styling in Primefaces (p:calendar / datepicker)
我正在开发一个现有的 JSF Primefaces 8 项目,以前的开发人员早已不复存在,在过去一年左右的时间里,我总体上变得相当有能力,但仍然让我感到困惑的一件事是造型。 我相信该项目正在使用类似 sass 的东西。 我有几个 p:calendar 元素处于只读模式(没有自由格式的日期条目),它 ...