JS:如何更改同一个类的多个元素的样式

文章/答案/技术大牛

发布

1回答

javascript、jquery-selectors

我已经创建了下面几行代码来为蓝色按钮(https://konzerthofner.webflow.io/events/2-11-im-11-der-auftakt-2020)的渐变设置动画效果。一切都如我所愿，直到我决定使用不止一个这样的按钮。在这种情况下，只有第一个按钮有动画效果。我认为问题在于，我总是选择DOM中具有相应类的第一个元素。不幸的是，我不能为此提供一个有效的解决方案。我的JS<e

浏览 44提问于2020-09-02得票数 0

回答已采纳

2回答

HTML没有在jQuery表的所有行中进行样式设置

jquery、html、html-table、rows

在使用jQuery表时，我在重复使用HTML的样式时遇到了问题。我所要做的就是创建一个包含各种行的表。每一行包含2列。第一列只是文本。第二列将包含两个jQuery UI按钮。我想定义一个样式，所有行中的所有按钮都应该是change...but，原因是它没有。只有第一行按钮的样式。code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"

浏览 2提问于2014-05-31得票数 0

回答已采纳

3回答

用同一个类更改多个元素的样式

javascript、attributes

elem.style.color = "white"; }在这段代码中，我主要是说，当我滚动100px时，它做的是最上面的部分，如果没有滚动，它就做底层的部分。linkId.style.color = "white"或<br> document.getElementById("site-nav__link-id").style.color = 'white'"

浏览 9提问于2017-06-18得票数 1

回答已采纳

1回答

使用jQuery加载外部SVG并更改SVG

jquery、jquery-selectors、svg、jquery-svg

浏览 0提问于2012-09-06得票数 1

回答已采纳

1回答

将按钮分配到彩色框中

javascript、jquery、html、css

我想在那个锚上附加一个CSS按钮来操作彩色盒，而不是文本，但是CSS按钮已经有了一个锚类。 }); </script> 我不添加按钮css，因为我不认为它的相对

浏览 3提问于2013-01-21得票数 0

回答已采纳

1回答

是否从不同组件访问父元素？

reactjs、jsx

我有一个传入主app.js组件的按钮组件，我需要更改该按钮的父元素的样式。显然parentNode没有遵循react规则，那么我如何在react中更改按钮parentNode类的样式呢？有多个“学生容器”。如何仅在选定按钮的父元素上显示: block？import Button

浏览 0提问于2020-11-13得票数 0

1回答

操作来自JavaScript的CSS的最佳实践？

javascript、html、css

好的，确实发生了，但问题是找到了声明的地方。浏览器显示内联样式，但在标记中它是空的，搜索z-index: 1001的解决方案也没有提供任何信息。$("#header").css({ "z-index": "1001"这给了我一些关于该如何做的想法问题是：是用道具从JavaScript支柱中

浏览 0提问于2014-04-02得票数 4

回答已采纳

9回答

在同一个html页面中使用多个css样式表

html、css、stylesheet

例如，如何在同一个HTML页面中使用多个CSS样式表，其中两个样式表都有一个banner类。你如何指定你所引用的类？

浏览 2提问于2010-11-26得票数 28

3回答

设置多个名称的类的属性

html、css

这是基本的，可能是错的。有些类的内部有多个名称，例如在Bootstrap中：我正在努力理解这一主题：使用一个类的名称可以让您用这个名称在CSS中设置属性，如果是这样的话，为什么有些类会获得多个名称-就像上面的这个？如果一个类有多个名

浏览 0提问于2018-12-12得票数 2

回答已采纳

3回答

写出好的CSS有什么建议吗？

css

我了解超文本标记语言，并知道如何标记页面以保证语义正确(不使用表格进行布局，不使用HTML5中的新语义元素，等等)。我尽量遵循W3C的设计建议。然而，我在编写“好的”CSS时遇到了麻烦。我知道如何使用有效的选择器，比如子选择器而不是后代选择器等等。我的问题是我觉得我的CSS和我的标记的语义不匹配。CSS应该是可重用的，这意味着同一个类可以用于<e

浏览 0提问于2010-07-30得票数 3

回答已采纳

1回答

在样式表中为一个类下的多个元素设置样式的快捷方式

css

css中有没有快捷方式来设置同一个class或id下的多个子元素的样式表？例如，如果我有一个form类，有没有一种更短的书写方式： ... }

浏览 1提问于2014-05-03得票数 1

1回答

找到CSS代码在网页中的使用后，通过Chrome DevTools挑选他们？

html、css、google-chrome-devtools、code-coverage

但是如何找到在源HTML页面中应用这些CSS规则的位置呢？更新在CSS规则中，似乎有两个文件使用相同的类名“对齐中心”。由于区块库CSS来自古腾堡编辑器，而style.css是由开发网站的公司开发的。很可能应该删除块CSS。但是，我想进一步了解是否有一种方法或工具可以找到这种情况，即多个CSS文件使用与选择器(CSS类</

浏览 1提问于2021-08-10得票数 2

回答已采纳

2回答

css:更改规则集vs使用选择器切换类/应用样式

javascript、jquery、dom、css

最近，我想知道如何编辑元素样式，不是通过在dom上切换元素类，而是通过更改css类或选择器的实际规则集。这种方法是否通常更有表现力，至少有许多元素，因为我们会让浏览器处理规则集的本地变化？例如，您可以向.some添加一个样式，比如display: none;，所有.some元素都会被隐藏起来。不需要迭代js中的所有元素并手动隐

浏览 2提问于2011-10-14得票数 2

4回答

jQuery:以val小于1的所有元素为目标

javascript、jquery、if-statement

我在dom中有多个元素，其中包含一个.blockbadge类，如果任何.block-badge的值为0，那么我希望向该元素中添加一个类，以使它的样式有所不同。如果这些元素中有任何一个等于0，那么我的JS就会将该类添加到所有元素中。我如何使它只影响那些等于零的元素？block-badge">0</s

浏览 5提问于2016-02-17得票数 6

回答已采纳

3回答

CSS --如何只将样式应用于另一个div中的div？

css

用一个例子可以更容易地解释这一点：我只想给这些div中的1种不同的样式，而不改变它的名称。例如，我的页面包含了许多这样的内容：我想要改变的是： <div id="text2&qu

浏览 6提问于2013-11-27得票数 1

回答已采纳

1回答

我是HTML/CSS/JS的新手，我刚刚尝试创建我的第一个响应式汉堡导航栏。汉堡包的宽度应该在600px以下，几乎所有的东西看起来和工作起来都很好。我遇到的问题是，在我第一次使用(点击)汉堡，然后将窗口扩展到600px以上后，除非我刷新浏览器，否则导航栏无法恢复到600px以上的外观。如果在单击汉堡之前来回调整窗口大小，则一切正常。我的感觉是我的JS出了点问题，但我不知道是什么问题。有人能帮上忙吗？这是我

浏览 47提问于2021-02-26得票数 0

回答已采纳

2回答

SVG以错误的颜色显示

reactjs、image、web、svg、gatsby

我有一个，我在我的反应网页导入。问题是。正如你在网页上看到的，有3个SVG。其中2种显示颜色错误。但第一种颜色是原色。尽管3 SVG是导入的，并且使用的方式完全相同.

浏览 2提问于2020-07-20得票数 3

回答已采纳

5回答

preventDefault()在Knockout.js 3中的“单击”

javascript、jquery、knockout.js、knockout-3.2

我在Knockout.js中有一个Knockout.js事件，每当元素中存在disabled类时，我就尝试禁用它。alerting">Two</span>$('.disabled').click(function(e){}); 我更喜欢使用类名，因为这样我就可以同时处理元素的样式和站点中多个

浏览 12提问于2015-12-17得票数 1

回答已采纳

2回答

在Vue.js中有条件地以具有CSS样式的类为目标

javascript、css、vue.js

关于如何有条件地向元素添加类，或者如何有条件地向元素添加样式，这里有几个问题都有很好的答案，但我想要做的是有条件地设置类的样式。我有一个自己的主题系统的应用程序，允许用户选择自定义的前景和背景颜色。然后我想将这些颜色应用到quill.js工具栏按钮上。如果我事先知道颜色，我就可以在我的风格中添加类似这样

浏览 29提问于2019-09-08得票数 1

4回答

HTML + Javascript:不能同时从两个元素中获取所有实例吗？

javascript、html、css、arrays、dom

我想将CSS样式类添加到一个有选择的元素集的所有实例中:例如，所有p元素以及所有h4元素。我定义了两个JS变量，它们获取上述标记的所有元素，并将它们插入到数组中，这样我就可以创建一个函数，理论上应该将所选的类应用于所选元素/标记的所有实例。但是，当我运行代码时，函数似乎只将类分配给数组的第一项。

浏览 5提问于2021-09-26得票数 2

回答已采纳

点击加载更多