如何更改css属性？

Question

我需要更改css文件中的属性。

在我的css文件中，我有：

    :root {
  --show: none; 
}

.SLT2_Num_XXX1_Partie::before{
    content: "SLT2_Num_XXX1_Partie";
    display: var(--show);
    border: 1px solid gray;
    font-size: 10px;
    background-color: #fff;
}

这是我的插件：

CKEDITOR.plugins.add( 'ShowTagClass', {
icons: 'ShowTagClass,HideDivMetaData',
    init: function( editor ) {

        editor.addCommand( 'ShowTagClass', {
            exec: function( editor ) {

                //code

            }
        });

        editor.ui.addButton( 'ShowTagClass', {
            label: 'supprime la division',
            command: 'ShowTagClass',
            toolbar: 'insert'
        } );

     }
});

如何将--show: none修改为--show:block

我用过这个，但我无法管理它：https://codepen.io/wesbos/pen/adQjoY