开发者社区> 问答> 正文

关于用jquery修改CSS的问题

有CSS代码如下
screenshot
现在需要在一个回调函数中用jquery动态地修改特定类别的属性值,但是不知道如何选中该类别,比如如何修改 path[data-classbreak="classbreak3"]中的fill属性?
另外,这个CSS复制于其它地方,求问 path[data-classbreak="classbreak3"]这种写法中,data-classbreak应该是个属性名,classbreak3是个属性值,那么外面的path[]是什么意思? 谢谢!

展开
收起
吴孟桥 2016-06-06 13:31:05 2886 0
1 条回答
写回答
取消 提交回答
  • 其实在所有样式中,能够作用于一个元素上的样式的相同属性,最终只有排在最后的一个有效。而在没有规定重要级别的情况下,
    内联样式将是最终作用的,就是传说中写在元素style属性内部的css样式。
    你可以尝试下面的方案,通过jquery去获取相应的元素,从而改变它的指定属性,如你所说的fill.
    $(".class名称[元素属性='属性值']").css("样式属性", "样式属性值");
    举例:
    $(".path[data-classbreak='classbreak3']").css("fill", "#CCC");
    理解起来也很简单,包含有path class 并且元素属性data-classbreak值为classbreak3的元素。

    2019-07-17 19:28:21
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
23-Vue.js在前端...1506518547.pdf 立即下载
JavaScript函数 立即下载