Question

我有一个.css文件如下：

body {
  background-color:#ffffff;
  font-size:12px;
  line-height:18px;
  padding:0px;
  margin:0px;
  padding-top:10px;
}

ul,h1,h2,h3,li,p {
  padding:0px;
  margin:0px;
}

img {
  border:0px;
}

.wrapper {
  margin:0px auto;
  width:98%;
  border:solid 0px red;
}

此css适用于我网站中的所有页面。如果观察，则所有图像标记的边框都设置为NONE。

现在，仅在特定页面中，我有一个图片标记如下：

<img border="1" src='../something'/>

图像正常，但边框没有。我需要为此图像标记设置边框，我不必使用样式属性，因为此图像标记是由HTML网页编辑器生成的，其中添加了属性"border=1"而不是样式属性。

我怎样才能实现这个目标？

有没有办法删除页面的特定css类？

我正在尝试的另一种方式是将网络编辑器的客户端事件更改为border=1到style="border:1"（这可行）

Answer 1

如果您可以唯一地标识父元素，例如正文标记：

<body id="myUniquePage">

然后您可以为该页面创建更具体的样式：

#myUniquePage img {border: 1px solid red;}

当然，您可能不希望页面上的所有图像都带有该边框，因此您希望在页面上定位更具体的容器...也许是围绕文本编辑器创建的内容的DIV

Answer 2

如果您可以将类属性添加到要覆盖默认样式的页面的body标签，则可以使用CSS后代选择器为该页面定义覆盖，如下所示：

body.mypage img {
    border:1px;
}

但是，您应该知道这会影响页面上的每个图像。如果要本地化此覆盖生效的位置，则可以将相同的技术应用于更靠近相关图像的容器，例如，包含div：

div.mydiv img {
    border:1px;
}

Answer 3

您可以添加而不是删除。

使用以下样式向页面添加另一个样式表：

img {
  border: 1px solid red; !important
}

由于两个标记都相同，因此应使用此标记而不是通用css文件中定义的标记。

删除特定.aspx页面的某个css类

3 个答案: