gpt4 book ai didi

css - 我如何预测哪种类型的 CSS 选择器会起作用?

转载 作者:太空宇宙 更新时间:2023-11-03 22:10:11 25 4
gpt4 key购买 nike

我正在使用 dojo 创建一个表单,我想要一个范围受限的数字输入字段。所以我用这个:

<input 
id = "sample_input"
type = "text"
dojoType = "dijit.form.NumberTextBox"
name = "sample_input"
value = "27"
constraints = "{min:1,max:30,places:0}"
promptMessage = "Enter a value"
required = "true"
invalidMessage = "Invalid value."
/>

可以,但是太宽了,而且内容是左对齐的。

添加到我的 INPUT 元素的这些行似乎都没有什么不同:

width              = "60"
text-align = "right"

这本身就是一个问题,但没关系,我知道我应该使用 CSS 而不是 HTML。所以我在 HEAD 部分添加了这个:

<style type="text/css">
.NARROW {width:60px;}
.RIGHT_JUSTIFIED {text-align:right;}
</style>

并将此添加到 INPUT 元素:

class              = "NARROW RIGHT_JUSTIFIED"

这解决了宽度问题,但没有解决文本对齐问题。

要解决文本对齐问题,我必须改为这样做:

<style type="text/css">
.NARROW {width:60px;}
input {text-align:right;}
</style>

input 样式中指定 width 属性也不起作用。

这就是我的问题。为什么内联样式在这种情况下不起作用,为什么我必须对宽度使用类选择器,而对文本对齐使用元素选择器?我如何预测哪个选择器适用?

最佳答案

我试过这段代码,它似乎工作正常

<html>
<head>
<style type="text/css">

.width_narrow {width:60px;}
.align_right {text-align:right;}

</style>
</head>
<body>

<input
name = "sample_input"
type = "text"
class = "width_narrow align_right"
id = "sample_input"
value = "27"
dojoType = "dijit.form.NumberTextBox"
constraints = "{min:1,max:30,places:0}"
promptMessage = "Enter a value"
required = "true"
invalidMessage = "Invalid value."
/>

</body>
</html>

关于css - 我如何预测哪种类型的 CSS 选择器会起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1015341/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com