Html Css覆盖问题-更改外部样式的范围

Html Css覆盖问题-更改外部样式的范围,html,css,Html,Css,我的网站从ebay产品中获取信息,而对于产品的描述,我得到了所有的html。产品描述有内联样式,当我在我的网站上打开产品描述时,产品css将编写我的css 正常: 在我打开产品说明之后 下面是来自开发人员工具的锚样式 所以我需要知道如何将易趣产品css与我的css分离。 我认为其中一个方法是添加!这对我所有的风格都很重要,但我不认为这个解决方案是优雅的,我想要别的东西。因此,如果您对如何解决我的问题有任何建议,我将不胜感激。也许您需要更新您的css,使其选择器更加具体,例如,如果您有一个H

我的网站从ebay产品中获取信息,而对于产品的描述,我得到了所有的html。产品描述有内联样式,当我在我的网站上打开产品描述时,产品css将编写我的css 正常:

在我打开产品说明之后

下面是来自开发人员工具的锚样式

所以我需要知道如何将易趣产品css与我的css分离。
我认为其中一个方法是添加
!这对我所有的风格都很重要,但我不认为这个解决方案是优雅的,我想要别的东西。因此,如果您对如何解决我的问题有任何建议,我将不胜感激。

也许您需要更新您的
css
,使其选择器更加具体,例如,如果您有一个HTML结构,将产品描述的容器与易趣区分开来,就像这样

.leftbar{
浮动:左;
宽度:20%;
背景:#ccc;
}
{/*将此视为默认链接样式*/
颜色:黑色;
}
#main div:not(.product desc)一个{/*更具体的选择器*/
显示:块;
颜色:红色;
}
a{/*这是易趣上的*/
颜色:绿色;
}

你好
世界
描述
产品

在元素中创建一个自定义内联CSS属性,以覆盖默认CSS。下面是如何创建用于覆盖锚属性的内联CSS

以下是您的工作方式: 在元素内创建锚定的图标/文本,并提供内联CSS

<a href="http://www.example.com" target="_blank">
    <span style="color: #ffffff !important;" >icons</span>
</a>
覆盖内联样式,但添加!重要的是回到跨度工作良好

<span style="color: #ffffff !important;" >

为了更好地理解它。在这里学习

大宗报价


如果要删除所有现有样式并将其重置为默认样式,可以使用:

  all: initial;

这回答了你的问题吗?不,我不想删除外部css样式,因为它会影响整个产品描述,但我想保留与易趣相同的样式。嘿,你能再解释一下吗,你想保留易趣的样式和你的个人样式吗?如果没有,你可以使用JavaCScript删除ebay产品中html的内联样式。我有两种选择,ebay Api和php,第二种方法是node js crawler,我现在想到的想法是从所有元素中获取all styles属性,然后用一些类将它们放在页面顶部,我想这样可以解决我的问题。你想删除什么?你想保留什么?好的,谢谢,我会尽量这样做:)嗯,我不知道“所有”的财产,谢谢,我会读更多关于它的
  all: initial;