Html css编辑某个图像而不编辑所有其他图像_Html_Css_Image

Html css编辑某个图像而不编辑所有其他图像

html css image

Html css编辑某个图像而不编辑所有其他图像,html,css,image,Html,Css,Image,所以我一直在尝试用css编辑一个图像，所以我做了这个 <body> <div class="Box-for-invite"> <div class="imgForBox"> <img src="./img/Logo.png" width="60px" /> </div>

所以我一直在尝试用css编辑一个图像，所以我做了这个

<body>
        <div class="Box-for-invite">
          <div class="imgForBox">
            <img src="./img/Logo.png" width="60px" />
          </div>
        </div>
      </body>

但问题是，这一部分适用于网站中的每一幅图像，我在网上搜索，没有任何相关内容，所有教程都使用我现在使用的方法，有没有办法指定要编辑的特定图像？

用于设置图像样式的元素选择器（

img

）将确实选择与此选择器匹配的任何图像元素

您需要使CSS选择器更加具体，这可以通过更具体地针对图像元素来实现。例如，通过将

class

或

id

属性添加到图像元素的HTML标记中，可以使用该属性值作为选择器。请参见下面的示例，该示例将类作为选择器（假定

类

名称为

元素

：

 .element {
  /* styles here */
}

如果您希望避免使用属性向HTML添加额外的标记，并且不打算使用

类imgForBox
更改HTML标记或在div
中添加任何其他图像，那么您也可以通过以下方式确定目标：
.imgForBox img {
  /* styles here */
}

上面的示例创建了一个后代选择器，该选择器以类为imgForBox
的元素的后代的任何img元素为目标
这只是实现这一点的两个示例，还有其他方法，但这两种方法是最可取的。
用于设置图像样式的元素选择器（img
）确实会选择与此选择器匹配的任何图像元素
您需要使CSS选择器更具体，这可以通过更具体地针对图像元素来实现。例如，通过向图像元素的HTML标记添加class
或id
属性，您可以使用该属性值作为选择器。请参阅下面的示例，该示例将类作为选择器（假设类
名称为元素
：
 .element {
  /* styles here */
}

如果您希望避免使用属性向HTML添加额外的标记，并且不打算使用类imgForBox
更改HTML标记或在div
中添加任何其他图像，那么您也可以通过以下方式确定目标：
.imgForBox img {
  /* styles here */
}

上面的示例创建了一个后代选择器，该选择器以类为imgForBox
的元素的后代的任何img元素为目标
这只是实现这一点的两个示例，还有其他方法，但这两种方法是最可取的。
用于编辑特定的图像css。首先，您必须知道
图像具有任何特定的类名
图像具有任何特定的id名称
此映像是否位于具有类名或id的任何div中



有很多方法可以使用所有css选择器选择特定的图像css。

了解更多有关css选择器的信息

根据您的代码，我可以如下更改其css：

.invite img{}的框
用于邀请div img{}的.Box
.imgForBox img{}
用于编辑特定的图像css。首先，您必须知道
图像具有任何特定的类名
图像具有任何特定的id名称
此映像是否位于具有类名或id的任何div中



有很多方法可以使用所有css选择器选择特定的图像css。

了解更多有关css选择器的信息

根据您的代码，我可以如下更改其css：

.invite img{}的框
用于邀请div img{}的.Box
.imgForBox img{}
非常感谢！我不知道我可以在div中指定一个图像。不客气！在本例中，元素是另一个元素（父元素）的后代（子元素）您将创建一个选择器，首先选择父元素，然后选择空格，然后选择嵌套在该父元素中的要针对的元素。使用CSS，您可以创建许多不同的选择器，所有这些选择器都具有不同的特定性级别。请记住，具有最高特定性的选择器将覆盖其他选择器这可能存在于样式表中，也与相同的元素目标匹配。这是一个引用-非常感谢！我不知道我可以在div中指定一个图像。不客气！在本例中，元素是另一个元素（父元素）的子元素（子元素）您将创建一个选择器，首先选择父元素，然后选择空格，然后选择嵌套在该父元素中的要针对的元素。使用CSS，您可以创建许多不同的选择器，所有这些选择器都具有不同的特定性级别。请记住，具有最高特定性的选择器将覆盖其他选择器可能存在于样式表中，也与相同的元素目标匹配-