使用Javascript时使用CSS在HTML中设置样式

如何将样式代码传输到外部css文件？我认为使用.gamelist不会起作用，因为

或

之类的东西。我知道我可以将样式保留在html文件中，但我希望一切尽可能整洁有序

以下是html代码：

<div id="sidebar">
    <p class="gamelist">
        <FORM>
            <input type="image" src="images/mariosadv.jpg" border="2" style="border:2px solid black;max-width:150px;" value="Enter Protected Area" onClick="passWord()">
        </FORM>
        <FORM>
            <input type="image" src="images/mariosadv2.jpg" border="2" style="border:2px solid black;max-width:150px;" value="Enter Protected Area" onClick="passWord()">
        </FORM>
</div>

这就是我对Javascript的理解

这就是我想要的，但是没有Javascript

---

如果需要任何其他信息，请在拒绝我的问题之前询问。谢谢。

您需要设置

.gamelist[type=image]

的样式，而不是

.gamelist img

，因为

img

仅引用具有该名称的标签（一般不指图像）

编辑以下是HTML的外观：

<div class="gamelist">
    <FORM>
        <input type="image" src="images/mariosadv.jpg" value="Enter Protected Area" onClick="passWord()">
    </FORM>
    <FORM>
        <input type="image" src="images/mariosadv2.jpg" value="Enter Protected Area" onClick="passWord()">
    </FORM>
</div>

---

您需要设置

.gamelist[type=image]

的样式，而不是

.gamelist img

，因为

img

只指具有该名称的标签（一般不指图像）

编辑以下是HTML的外观：

<div class="gamelist">
    <FORM>
        <input type="image" src="images/mariosadv.jpg" value="Enter Protected Area" onClick="passWord()">
    </FORM>
    <FORM>
        <input type="image" src="images/mariosadv2.jpg" value="Enter Protected Area" onClick="passWord()">
    </FORM>
</div>

---

正如metadept所写，您需要使用以下CSS选择器：输入[type='image']。 请注意，

.gamelist input[type='image']

不要选择所需的输入字段，因为它们没有类gamelist

有关CSS选择器概述，请使用：

---

请不要使用客户端身份验证

正如metadept所写，您需要使用以下CSS选择器：input[type='image']。 请注意，

.gamelist input[type='image']

不要选择所需的输入字段，因为它们没有类gamelist

有关CSS选择器概述，请使用：

---

---

请不要使用客户端身份验证

尝试在CSS选择时使用

游戏列表输入

，或者永远永远永远使用客户端身份验证@errieman我对编码还是新手，所以你能告诉我什么是客户端身份验证吗？@TheUnCola在评论中放的太多了，但基本上是检查客户端的密码是否正确。这不是保存，因为每个人都可以看到您的脚本。（JavaScript是客户端）在公开之前，您应该先了解一些安全教程或课程。至于现在，如果你只是在胡闹，不让其他人使用你的应用程序，那就没有必要了。但请记住，人们会想尽一切办法利用软件，所以要确保它的安全。@errieman yea这只是一个用于教育目的的网站。如果我在以后的生活中做一些事情，我会在公开之前使安全性更好。尝试使用

游戏列表输入作为CSS选择，或者永远，永远使用客户端身份验证@errieman我对编码还是新手，所以你能告诉我什么是客户端身份验证吗？@TheUnCola在评论中放的太多了，但基本上是检查客户端的密码是否正确。这不是保存，因为每个人都可以看到您的脚本。（JavaScript是客户端）在公开之前，您应该先了解一些安全教程或课程。至于现在，如果你只是在胡闹，不让其他人使用你的应用程序，那就没有必要了。但请记住，人们会想尽一切办法利用软件，所以要确保它的安全。@errieman yea这只是一个用于教育目的的网站。如果我在以后的生活中做一些事情，我会在公开之前把安全性提高很多。请避免去学校。它包含了大量的错误信息。相反，请使用w3c提供的信息：请避免使用w3c学校。它包含了大量的错误信息。取而代之的是，使用w3c提供的信息：哇，我真的认为这会起作用，但它仍然在做同样的事情。我觉得我真的很快就要得到它了。很抱歉延迟了响应。@TheUnCola您能提供一个JSFIDLE或一个指向您的页面的链接来显示它不工作的地方吗？用提供的代码很难给出更具体的答案。很抱歉，我点击了“添加注释”，但它一定没有通过，因为我的互联网现在很糟糕。@解扣看起来你没有正确关闭
游戏列表上的
p
标记，因此输入实际上不在其中。您可能应该使用
div
而不是
p
，并确保它包含标签中的表单和输入。哇，这是一个非常简单的错误。谢谢你的帮助！哇，我真的认为这会起作用，但它仍然在做同样的事情。我觉得我真的很快就要得到它了。很抱歉延迟了响应。@TheUnCola您能提供一个JSFIDLE或一个指向您的页面的链接来显示它不工作的地方吗？用提供的代码很难给出更具体的答案。很抱歉，我点击了“添加注释”，但它一定没有通过，因为我的互联网现在很糟糕。@解扣看起来你没有正确关闭
游戏列表上的
p
标记，因此输入实际上不在其中。您可能应该使用
div
而不是
p
，并确保它包含标签中的表单和输入。哇，这是一个非常简单的错误。谢谢你的帮助！
<div class="gamelist">
    <FORM>
        <input type="image" src="images/mariosadv.jpg" value="Enter Protected Area" onClick="passWord()">
    </FORM>
    <FORM>
        <input type="image" src="images/mariosadv2.jpg" value="Enter Protected Area" onClick="passWord()">
    </FORM>
</div>