css – 基于内容的Cytoscape.js样式节点

我想为我的根节点设置与屏幕上其他节点不同的颜色,我已经做了一些预先工作来识别根节点的值并让它在变量中随时可用.然而,在尝试设计图形时没有任何事情发生,并且很难通过这种方式进行调试.

例：

nodes: [{id = 1},{id=2}]

var startingNode = 1; //root node

$('#cy').cytoscape({
                style: [
                    {
                        selector: 'node',css: {
                            'content': 'data(id)','background-color': 'red','color': 'black','border-width': '1px','border-color': 'black'
                        }
                    },{
                        selector: "node[content = 'startingNode']",'background-color': 'purple','border-color': 'black'

                        }
                    }]

// more info for cytoscape rendering omitted

});

任何输入都会有所帮助！

谢谢,
保罗G.

最佳答案

除非内容在节点的数据中,否则将无效.如果您拥有节点的ID(例如foo),则可以使用#foo或[id =’foo’]作为选择器.