【已解决】如何写添加了cssclasses值后的CSS样式(标签页标题栏的文件名)

我已经能够通过.view-header-title修改标题的颜色大小等,如何选定笔记cssclasses属性值有111的标题?
尝试了.view-header-title .111.111 .view-header-title都失败

以下是我已经能所有笔记改变的前后对比



用到的CSS:

@media (min-width: 767px) {
  /*页首图标悬浮才出现*/
  .view-header .clickable-icon:not(:last-child) {
    opacity:0;
    display:none;
  }
  .view-header:is(:hover) .clickable-icon:not(.view-header-icon){
    opacity:1;
    display:flex
  }
}



/*-----------------------------------------------------------------*/


/*挪动文件路径*/
.view-header-title-parent {
  position: fixed;
  display: flex;
  flex-direction: column;/* 子元素垂直排列 */
  white-space: pre-wrap; /*允许换行 空白符和换行符*/
  word-break: break-all; /*break-all英文单词换行  keep-all防止中断*/
  text-align: center;/* center 水平居中文本  right 文本右对齐*/
  /*letter-spacing: 5px; /* 字母间距 */
  background: transparent; /* var(--background-primary) */
  opacity:0.3;/*透明度*/
  border-radius: 10px; /* 圆角半径 */
  font-weight: bold;
}
/* 悬停/获得聚焦时*/
.view-header-title-parent:hover,
.view-header-title-parent:focus-within {
  cursor: pointer; /*鼠标悬停在元素上时的光标形状为手指形状*/
  box-shadow: -2px 2px 6px -2px var(--divider-color);
  background-color: var(--background-primary);
  opacity:1;
}



/* 顶部的文件名 */
.view-header-title {
  font-weight: bold;
  font-size: 120%;
  color: #db717c;/*?为什么在编辑时不变色*/
  
  
  /*white-space: pre-wrap;  允许换行*/
}





/* ---------------------------------------------------------*/
@media (min-width: 767px) {
  /*非手机端*/
  .view-header-title-parent {
    /*顶部文件路径→ 右侧下方*/
    right: 10px;
    bottom: 50px; /*距离底部*/
    max-width: 50px;
  }


}
@media (max-width: 767px) {
  /*手机端*/
  .view-header-title-parent {
    /*顶部文件路径*/
    right: 0px;
    top: 200px; /*距离底部72px,手机刚好能看见*/
    max-width: 2.5em;
  }
  .view-header-title {
    /*顶部文件名*/
    position: fixed;
    font-size: 120%;
    top:35px;
    left:70px;
    font-size: 150%;
    opacity:1;
    white-space: pre-wrap;
  }

}
.view-header:has(+ .view-content .a111) .view-header-title {
    color: red;
}

css 类名不能是纯数字

1 个赞

谢谢!成功了!get两个知识点