【已解决】图片 CSS 样式会影响 Icon 的显示样式(样式冲突)

这是我的用于修改图片样式的.css代码:

/*设置图片居中以及图片的默认大小*/
.markdown-preview-view img, .markdown-preview-view video, .markdown-source-view img, .markdown-source-view video {

max-width: min(100%,800px) !important;

margin-left: auto;

width:50%;   /*设置默认图片的大小*/ 

margin-right: auto;

display: table-cell;

outline: 0px solid var(--text-accent);
}

/*设置图片居中以及图片的默认大小*/
.markdown-source-view img, .markdown-source-view video {

max-width: min(100%,800px) !important;

margin-left: auto;

width:40%;   //设置默认图片的大小

margin-right: auto;

display: table-cell;

outline: 0px solid var(--text-accent);
}

但是,我的icon显示也被影响到了,如下图:

我希望在设置图片的同时不影响我的icon大小,请问各位大佬我该如何修改代码。谢谢

使用这种伪类选择器

img:not([class="link-favicon"]), video{
  border-radius: 8px;
}
1 个赞

谢谢你的回答。我发现是我的css写的复杂了,删除了一部分代码emoji可以正常显示了

1 个赞