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

Question

我想给我的根节点涂上与屏幕上其他节点不同的颜色，我已经做了一些准备工作来识别根节点的值并使其在变量中随时可用。但是，在尝试设置图形样式时，没有任何反应，并且很难通过此进行调试。

例子：

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']", 
                        css: {
                            'content': 'data(id)',
                            'background-color': 'purple',
                            'color': 'black',
                            'border-width': '1px',
                            'border-color': 'black'

                        }
                    }]

// more info for cytoscape rendering omitted

});

任何输入都会有所帮助！

谢谢，保罗 G。

Answer 1

除非,content在节点的data, 那是行不通的。如果您有节点的 ID（例如foo），则可以使用#fooor[id = 'foo']作为选择器。