Javascript 向Cytoscape.js中的某些子节点添加特定颜色

Javascript 向Cytoscape.js中的某些子节点添加特定颜色,javascript,css,cytoscape.js,Javascript,Css,Cytoscape.js,我有一些节点是父节点组的子节点。是否可以覆盖某些儿童的背景色 我只能像这样覆盖普通节点的颜色: cy.nodes('[id = "start"]').style('background-color', '#FBFBFB'); 提前谢谢 [ { "style": [ { "selector": "node", "css": { "shape": "roundrectangle", "height":

我有一些节点是父节点组的子节点。是否可以覆盖某些儿童的背景色

我只能像这样覆盖普通节点的颜色:

cy.nodes('[id = "start"]').style('background-color', '#FBFBFB'); 
提前谢谢

[
  {
    "style": [
      {
        "selector": "node",
        "css": {
          "shape": "roundrectangle",
          "height": "40px",
          "background-color": "#58D68D",
          "label": "data(id)",
          "text-valign": "center",
          "border-width": "2",
          "border-color": "black"
        }
      },
      {
        "selector": ":parent",
        "css": {
          "background-opacity": "0.333",
          "text-halign": "center",
          "text-valign": "top"
        }
      },
]
]
}

初始化节点时,始终可以指定节点的颜色:

var cy=window.cy=cytoscape{ 容器:document.getElementById, 风格:[{ 选择器:节点, css:{ 形状:圆形矩形, 高度:40px, 背景颜色:functionnode{ 如果node.dataColor 返回fbfb; 其他的 返回58D68D; }, 标签:dataid, text valign:center, 边框宽度:2, 边框颜色:黑色 } }, { 选择器:':父项', css:{ 背景不透明度:0.333, 文本halign:中间, 文本有效:顶部 } }, { 选择器:边, css:{ 标签:\u2B24, 曲线样式:贝塞尔, 目标箭头形状:dataarrow } } ], 要素:{ 节点:[{ 数据:{ 编号:n0,, 是的, 家长:n4 } }, { 数据:{ id:n1, 颜色:假, 家长:n5 } }, { 数据:{ id:n2, 是的, 家长:n5 } }, { 数据:{ 编号:n3,, 是的, 家长:n5 } }, { 数据:{ 编号:n4,, 颜色:假, 家长:n5 } }, { 数据:{ 编号:n5,, 颜色:假, } } ], 边缘:[{ 数据:{ 资料来源:n0, 目标:n1, 箭头:三角形 } }, { 数据:{ 资料来源:n1, 目标:n2, 箭头:三角形 } }, { 数据:{ 资料来源:n1, 目标:n3, 箭头:三角形 } } ] }, 布局:{ 名称:同心, 明尼苏达州:140 } }; 身体{ 字体:14px helvetica neue,helvetica,arial,无衬线; } 赛义德{ 身高:100%; 宽度:100%; 左:0; 排名:0; 浮动:左; 位置:绝对位置; } .cxtmenu已禁用{ 不透明度:0.333; }
你们能发布一个有问题的html示例吗?嗨@Mariopez,我添加了一个html示例,这可能有助于找到答案。@Ahmed,你们并没有添加html。您添加了严重缩进且无效的JSONThanks@Stephan T。是否可以在不交叉鼠标的情况下使节点组的正负图标始终对所有父节点可见?我不知道您指的是什么?这是你上面问题的一部分吗?我在您提供的代码中找不到任何组图标。这是问题@Stephan t。由于不清楚,该问题已结束,请将您的代码作为组图标发布,编辑后我可以尝试帮助您使用该功能。