css 大全

2025-04-01 | 0 浏览 | 0 评论

css大全

css选择xlink:href属性

see https://ld246.com/article/1734427196426

@namespace xlink 'http://www.w3.org/1999/xlink';

.protyle-breadcrumb__item:has(use[xlink|href*=iconListItem]) .protyle-breadcrumb__text {
    display: none;
}

数据库底部计算行一直显示

see https://ld246.com/article/1734565049720

.av__row--footer .av__calc,.av__row--footer.av__row--show .av__calc {
    opacity: 1
}

数据库优化css

see https://ld246.com/article/1735096220866

see https://ld246.com/article/1734565049720

/* 数据库优化css */
/* 设置数据库最大高度 */
.av__scroll {
    max-height: 600px;
    overflow: auto;
}
/* 显示底部计算（求和等） */
.av__row--footer .av__calc,.av__row--footer.av__row--show .av__calc {
    opacity: 1
}
/* 头部固定不动 */
.av__row--header{
    top: 0px;
    position: sticky;
    z-index:2; /* 防止与cell内容及右侧列重叠 */
}
/* 底部固定不动 */
.av__row--footer{
    position: sticky;
    bottom: 0;
    z-index:2; /* 防止与cell内容及右侧列重叠 */
}
/* 左侧第一列固定位置，更改这里的nth-child可以实现任意一列固定位置，nth-child从2开始算第一列，因为左侧有一列控制列 */
.av__row .av__cell:nth-child(2){
    position: sticky;
    left: 22.75px; /* 左侧控制列宽度 */
     /* 防止与右侧列重叠 */
    background-color:var(--av-background);
    z-index:1;
}
/* 底部计算第一列固定位置，更改这里的nth-child可以实现任意一列固定位置，nth-child从1开始算第一列 */
.av__row--footer .av__calc:nth-child(1){
    position: sticky;
    left: 0;
     /* 防止与右侧列重叠 */
    background-color:var(--av-background);
    z-index:1;
}
/* 底部计算从第2列起需加上左侧控制列的宽度 */
.av__row--footer .av__calc:nth-child(n+2) {
    left: 22.75px; /* 左侧控制列宽度 */
}

左侧dock栏宽度调整

see https://ld246.com/article/1734652659115/comment/1735186442068?r=wilsons#comments

.dock#dockLeft.dock--vertical {
  /* 左侧dock栏宽度 */
  width:52px;
  /* 每个图标的内外边距，计算公式是 (dock宽-图标宽)/4 */
  .dock__item {
      padding: 6px; /* 内边距 */
      margin: 7px; /* 外边距，可根据需要微调 */
  }
  /* 图标的宽度，高度自适应，1:1 显示，计算公式是 (dock宽-图标内外边距和*2)/2 */
  .dock__item svg {
      width: 20px;
      height: 20px;
  }
}

两侧dock栏宽度调整

see https://ld246.com/article/1735316551273

/* 两侧dock栏宽度 */
.dock--vertical {
    width:32px; /* 根据自己需要调整 */
}
/* 每个图标的内外边距，计算公式是 (dock宽-图标宽)/4 */
.dock__item {
    padding: 4px; /* 内边距 */
    margin: 4px; /* 外边距 */
}
/* 左侧dock图标外边距大小，可根据需要微调 */
.dock#dockLeft .dock__item {
  margin: 3px;
}
/* 图标的宽度，高度自适应，1:1 显示，计算公式是 (dock宽-图标内外边距和*2)/2 */
.dock svg {
    width: 16px;
    height: 16px;
}

判断闪卡头部

see https://ld246.com/article/1735727743856

/* 仅手机版生效 */
:has(#sidebar) {
    /* 非闪卡头部 */
    :not(.card__main) > .toolbar {
        background-color: green!important;
    }
  
    /* 闪卡头部 */
    .card__main > .toolbar{
        background-color: red!important;
    }
}

查找不存在的内容块

select *
from blocks
where id in (
        select block_id
        from refs
        where not def_block_id in (
                select id
                from blocks
            )
    )

‍

笔记