欢迎使用Zotero Style Pro！

如您未购买Style Pro请点扫描二维码继续：

Untitled

**注意：**加群后，一切与Style Pro相关问题都在群里交流，不要在B站聊天，因为B站没有消息提醒。尽量不要私聊作者，因为在群里解决问题其他用户也可以作为参考。

使用教程

基础教程

基础教程即普通版Zotero Style的用法

📽️视频参考：https://www.bilibili.com/video/BV1ZP411p7ko

📖文档参考：https://www.notion.so/Zotero-Style-bc2aebbbb6df4b7baa858e376e4fc5be

补充视频中没有的教程：

Style Editor

<aside> 💡 本功能提供给掌握CSS但不擅长Zotero开发的开发者快速调整Zotero样式，若你不懂CSS，请认真阅读他人提供的CSS效果后使用~

</aside>

如何查看元素如何定位？参考https://zotero-chinese.com/plugin-dev-guide/development/debug#通过开发者工具

下面提供一些常见CSS定位：

/* PDF阅读界面，选中文字后弹出颜色选择器里面的背景高亮和下划线的切换按钮 */
.view-popup .tool-toggle, .view-popup .custom-sections {display: none;}

/* 右键条目后出现的菜单，同理你可以隐藏其它你不想用的但关不掉的菜单项 */
#zotero-itemmenu menuitem[label=AI生成简记] {display: none;}

/* 条目被选中高亮行样式 */
.virtualized-table .row.selected:not(.highlighted), .drag-image-container .row.selected:not(.highlighted) {
  color: var(--fill-primary);
  background-color: var(--color-quarternary-on-sidepane);
}

/* 偶数行背景色 */
#zotero-items-tree .virtualized-table .row.even:not(.selected), #zotero-items-tree .drag-image-container .row.even:not(.selected) {
  background-color: var(--material-background);
}

/* 奇数行背景色 */
#zotero-items-tree .virtualized-table .row.odd:not(.selected), #zotero-items-tree .drag-image-container .row.odd:not(.selected) {
  background-color: var(--material-stripe);
}

进阶教程

进阶教程即Zotero Style Pro独有的功能的教程。

在此之前请跟随我开启这些高级功能：

image.png