Question

我想用id HTML中的图片在css中编辑它，但它不起作用，这是代码：

＆＃13;

#1{
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  width: 25%;
  height: 25%;
}

＆＃13;

<img src="https://static1.squarespace.com/static/5492f3e3e4b0c40c56916924/t/586590b3d1758e4aacbf4aa4/1483051196842/?format=1500w" id="1"/>

＆＃13;

但图片并没有按照我想要的方式进行格式化。所以我需要将代码添加到HTML本身或我需要做什么。

Answer 1

虽然1的值是id，但CSS语法#1与ID 1不匹配，因为CSS设计不佳。

然而，两种形式：

[id=1]
#\31

可以使用并引用ID 1。

Answer 2

您已经定义了id属性id =＆＃34; 1＆＃34;但此id值不符合以下条件

必须至少包含一个字符

阅读HTML5规范：https://www.w3.org/TR/html5/dom.html#the-id-attribute

但是如果您使用的是HTML 4，那么规范https://www.w3.org/TR/html401/types.html#type-name会说

ID必须以字母（[A-Za-z]）开头，后跟任意数量的字母，数字（[0-9]），连字符（＆＃34; - ＆＃34） ;），下划线（＆＃34; _＆＃34;），冒号（＆＃34;：＆＃34;）和句号（＆＃34;。＆＃34;）。

尝试

＆＃13;

#myimage
{
border-width: 0px;
margin: 0px;
padding: 0px;
position: absolute;
width: 25%;
height: 25%;
}

＆＃13;

<img src="https://static1.squarespace.com/static/5492f3e3e4b0c40c56916924/t/586590b3d1758e4aacbf4aa4/1483051196842/?format=1500w" id="myimage"/>

＆＃13;

Answer 3

这是因为你使用了一个数字，转而使用＆＃34; one＆＃34;代替。

试图使用＆＃34; 1800number_box＆＃34;身份证？唐＆＃39;吨。因为它不会起作用。允许类标识符以数字开头，但ID标识符不是。

https://css-tricks.com/ids-cannot-start-with-a-number/

Answer 4

如果您要在任何其他图像上重复使用此样式，则应该按类别设置样式。

<img src="https://static1.squarespace.com/static/5492f3e3e4b0c40c56916924/t/586590b3d1758e4aacbf4aa4/1483051196842/?format=1500w" class="some-style"/>

然后：

.some-style{
border-width: 0px;
margin: 0px;
padding: 0px;
position: absolute;
width: 25%;
height: 25%;
}

现在你可以一遍又一遍地使用相同的样式，而不必为你的css文件添加更多内容，因为每页只能有一个id个元素，但你可以拥有任意数量的元素。同一个班级。

Answer 5

假设你正在学习CSS，你很可能会找到这两个错误：

您的ID不是以数字开头的：将id = 1更改为id="one"

第二个可能的错误是你没有把CSS放在正确的区域，把CSS放在<style></style>

中的<head></head>标签中

对于外部样式表，请记住： <link rel="stylesheet" type="text/css" href="mystyle.css">

Answer 6

MDN说：

注意：使用ASCII字母和数字以外的字符，＆＃39; _＆＃39;，＆＃39; - ＆＃39;和＆＃39;。＆＃39;可能会导致兼容性问题，因为它们是不允许的 HTML 4.虽然这个限制在HTML 5中被取消，但是ID 应以兼容信函开头。

来源：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id

HTML 4.01 spec：

ID 和 NAME 令牌必须以字母（[A-Za-z]）开头，后面可以跟任意数量的字母，数字（[0- 9]），连字符（＆＃34; - ＆＃34;），下划线（＆＃34; _＆＃34;），冒号（＆＃34;：＆＃34;）和句号（＆＃34;。＆＃34;）。

但是，HTML5 spec和WHATWG HTML Living Standard允许ID以数字开头：

ID可以采取什么形式没有其他限制;在特别是， ID只能由数字组成，以数字开头，开始带下划线，仅包括标点符号等。

所以我建议坚持MDN建议：出于兼容性原因，不要用数字开始你的ID或名字。相反，id="1"使用类似id="img1"的内容。

Answer 7

试试这个：

#myimage, img.myimage {
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        width: 25%;
        height: 25%;
        }

    <img id="myimage" class="myimage" src="https://pp.vk.me/c837520/v837520867/16752/q1EHBfmdpgQ.jpg">

您也可以尝试这种方式：

<img id="myimage" class="myimage" src="https://pp.vk.me/c837520/v837520867/16752/q1EHBfmdpgQ.jpg" style="border-width: 0px; margin: 0px; padding: 0px; position: absolute; width: 25%; height: 25%;">

Answer 8

<img src="https://static1.squarespace.com/static/5492f3e3e4b0c40c56916924/t/586590b3d1758e4aacbf4aa4/1483051196842/?format=1500w" id="1"/>

我认为它是.1而不是＃1。我不确定。

我可以在html中为图像添加id

8 个答案: