问题标签 [class-names]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - Material UI:使用类名库没有任何影响的条件类名
我正在尝试使用类名 npm 库有条件地呈现类名,并且在 DOM 中似乎它们正在被添加,但我无法看到这些类背后的 CSS 效果。我主要是试图改变边界条件。
下面是 useStyles 中带有 CSS 的相关类:
下面我尝试设置条件以设置类名的状态并尝试在代码中使用它们(短片段):
在 DOM 中,我注意到类名被正确识别,但不幸的是这些类没有任何效果。
next.js - 如何使用 next.js 中的 npm 类名库来选择性地应用 css 文件中的样式?
在下面的 html 中,我可以根据 message.error 或 message.info 选择应用引导类、alert-danger 或 alert-primary。目标类是引导类,它按预期工作。
现在,如果 message.error 为真,我想应用 css 文件中的样式 $(styles.activeDiv) 来代替 alert-danger。换句话说,我想用 $(styles.activeDiv) 替换 alert-danger。我该怎么做呢。
reactjs - 如何在反应中添加多个具有相同名称的css属性?
我正在使用 react 并遇到需要备用 CSS 属性的情况。
普通的 CSS 代码:
目前,我通过使用两个不同的类并将这两个类添加到组件(使用classnames
库)来完成它。像这样:
wherec1
和c2
都具有位置属性,但具有不同的值。
我的问题是我是否以正确的方式做这件事?如果没有,是否有任何解决方法?
css - Gatsby 和 Classnames 库:根据 div 的内容应用 CSS 类
我有一个带有博客的 Gatsby 项目。我有一个标签云部分,显示博客文章的标签。我在实际的博客帖子卡片上还有一个按钮/标题,我想设置与标签云中相应标签相同的样式,即如果标签云中有“新闻稿”的红色标签,我想设置所有博客帖子的样式与新闻稿有关的卡片有一个红色按钮,如果标签云中有一个“入门”的蓝色标签,那么我想将所有带有“入门”标签的博客帖子卡的样式设置为蓝色,依此类推。
我有一个 PostCard 组件,其中设置了博客明信片的样式。我正在使用Classnames库根据标记的值应用 CSS 样式,如下所示:
上面的代码将标签的默认样式设置为postCardTags
(我已设置为蓝色),并将值为“新闻稿”的标签设置为红色。
当我在本地运行它时,localhost:8000/
它正确地应用了样式,“新闻稿”标签被正确地设置为红色。当我推送到生产环境时,值为“新闻稿”的标签没有正确地将其 CSS 类设置tagStyles.red
为蓝色。出于某种原因tagStyles.red
,当项目在本地运行时设置为“新闻稿”标签,但当推送到生产环境时,“新闻稿”标签设置为蓝色(即styles.postCardTags
)。
为什么我的“新闻稿”标签tagStyles.tagRed
在打开时应用样式,但在推送到实时站点时localhost
应用类?styles.postCardTags
这是 Gatsby 如何构建组件的问题吗?
typescript - 如何键入检查对象键是否符合条件递归模板类型?
举个例子,这个问题很容易理解。我想为https://npmjs.com/package/classnames实现一个严格类型保护的包装器,以检查我们的应用程序使用的 Tailwind 类名。
到目前为止,最接近的解决方案是这个例子:
此处提供的示例代码:游乐场链接
这可行,但错误与对象的特定键无关,而是与所有对象键相关。TypeScript 也会突出显示"block h-1"
相同的错误:Type 'boolean' is not assignable to type 'never'.
.
如何进行输入以便 TS 能够检测到只有“bad-class”键是无效的 Tailwind 类字符串,但不能将“block h-1”突出显示为无效?
python - driver.find_element_by_class_name() 但类名有空格
我的猜测是由于空格导致我看到了与空格类似的问题,但找不到适合我的解决方案
javascript - 如何在每一行中添加一个类名而不影响其余行?
如何在每一行中添加一个类名而不影响其余行