扩展css按钮与其他网站冲突

我正在创建新的扩展，现在我的css正在与一些网站通信

我有以下几点

ul.myextentiontagit input[type="text"] {
  width:100px;

}

和网站有相似之处

    input[type="text"] {
          height:1200px;
          line-height: 120px;
    }

现在我的exeantion也在挑选网站css

为此编写css的最佳方法是什么

---

Edit:我已经在所有css中添加了前类名myextention。仍然存在冲突。即使在清除缓存和所有内容以避免冲突之后，您也可以使用名称空间。这将避免许多冲突。希望这会有所帮助。

当您将HTML和CSS代码放入其他网页时，这一点很常见

要区分您的网站和其他网站的CSS，您需要使用特定的CSS选择器来设置元素样式

有些人喜欢跟随你必须使用-

<!-- Website CSS-->
--- whatever here it is ---


<!-- your CSS --->
.my-container .my-button{

}

<!-- your HTML-->

<div class="my-container">
   <div class="my-button"> My Button </div>  
</div>

---不管这是什么---
.我的容器.我的纽扣{
}
我的纽扣

现在，无论其他网站有什么CSS，它都不会与您的网站冲突，因为您已经为样式指定了特定的选择器