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)，您可以使用 #foo 或 [id = 'foo'] 作为选择器.