如何修复错误的【标题】被误判是【标题』并且用css把所有的包含【】或者丢失了【

Question

a. 修复丢失了【另一边的框

b. 修复【】识别错误被误判为【 』的内容

c. 为内容中包含着【】的文本插入font-size:1.28em;或者big;

d. 自动检测 分析页面中有规律的 重复出现并且间隔了一段距离感，能够判断出来这是书本的页面间隔边界区。

e. 自动检测 分析页面中有规律可循的 重复出现的书籍标题 并插入font-size:1.28em;或者插入big;

f. 引用其他页面上的皮肤色css代码并随时切换不同页面上的代码

 

Answer 1

参考GPT和自己的思路：

对于问题a和b，可以使用CSS伪类选择器来实现。例如，使用:before和:after伪类来插入缺失的“【”和“】”。具体代码如下：

/* 修复丢失的【 */
[data-title^="标题"]:before {
  content: "【";
}

/* 修复误判为【的问题 */
[data-title*="】"]:after {
  content: "】";
}

对于问题c，可以使用CSS选择器来实现。例如，使用[data-title*="【"][data-title*="】"]来选中所有包含“【】”的标题，并应用font-size:1.28em或者big。具体代码如下：

/* 包含【】的标题 */
[data-title*="【"][data-title*="】"] {
  font-size: 1.28em;
}

对于问题d和e，需要进行页面分析和编程实现。可通过JavaScript等编程语言来实现自动检测和插入功能。

对于问题f，可以使用CSS变量来实现动态切换。例如，在不同页面上设置不同的颜色变量，并使用var()函数来应用颜色。具体代码如下：

/* 在不同页面上设置不同的颜色变量 */
:root {
  --page-color: #ff0000; /* 页面1的颜色 */
}

.page-2 :root {
  --page-color: #00ff00; /* 页面2的颜色 */
}

/* 使用var()函数应用颜色 */
[data-title="标题"] {
  color: var(--page-color);
}