我已经能够通过.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;
}
}

