此处将为大家介绍关于CSS为什么不支持从数字开始的id和class?的详细内容,并且为您解答有关为什么css不起作用的相关问题,此外,我们还将为您介绍关于#css#id&class不能以数字开头、cl
此处将为大家介绍关于CSS为什么不支持从数字开始的id和class?的详细内容,并且为您解答有关为什么css不起作用的相关问题,此外,我们还将为您介绍关于#css# id & class 不能以数字开头、class是什么意思?id和class有什么区别、css nth-child和classes、css – id和class之间的区别的有用信息。
本文目录一览:- CSS为什么不支持从数字开始的id和class?(为什么css不起作用)
- #css# id & class 不能以数字开头
- class是什么意思?id和class有什么区别
- css nth-child和classes
- css – id和class之间的区别
CSS为什么不支持从数字开始的id和class?(为什么css不起作用)
我注意到,如果id或class从数字开始,则不会应用css属性。例如,以下任何一项均不起作用:
.1ww{ /* some properties here */}
和
.1{ /* some properties here */}
和
#1{ /* some properties here */}
和
#1ww{ /* some properties here */}
为什么CSS不支持从数字开始的id或类名?(例如,JavaScript可用于数字ID和类)
答案1
小编典典实际上,规范指出,以数字开头的类将被解释为维1 :
CSS2解析一个数字,紧随其后的是标识符,作为DIMENSION令牌(即未知单位),CSS1则将其解析为数字和标识符。这意味着在CSS1中,声明’font:10pt
/ 1.2serif’是正确的,’font:10pt / 12pt serif’也是如此;在CSS2中,“
serif”之前必须有一个空格。(某些UA接受第一个示例,但第二个不接受。)
而且由于我们不知道将来会引入哪些尺寸,因此CSS中不存在的尺寸将被解析为未知尺寸:
在CSS1中,类名可以以数字(“ .55ft”)开头,除非它是尺寸(“ .55in”)。在CSS2中,此类被解析为未知维( 以允许将来添加新单位
)。为了使“ .55ft”成为有效的类,CSS2要求对第一个数字进行转义(“。\ 35 5ft”)
您可以通过转义第一位数字来使用以数字开头的类,该数字根据W3C
CSS验证器有效。检查出plunkr。
1附录G. CSS 2.1语法
#css# id & class 不能以数字开头
[id=''1800number_box''] {
/* does work */
}
#1800number_box {
/* doesn''t work */
}
/* Or, you can "escape" the number, which looks funky but works: */
#\31 800number_box {
/* does work */
}
[] {color: red;}
html5 可以支持以数字开头的 id/class,但是 css 不支持:
In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit. Identifiers can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). For instance, the identifier “B&W?” may be written as “B\&W\?” or “B\26 W\3F”.
W3C Specification
class是什么意思?id和class有什么区别
很多新手刚刚接触html,对class是什么意思还不是很清楚,然而有些新手对于id和class还分不清楚,下面我们来总结一下class是什么意思?di和class有什么区别?
一:class是什么意思?id是什么意思
在html中,class是用于规定元素的类名,目前class都是用于样式表中的类,有些高手也会利用js去设置规定的元素,在css样式中,使用点来对设置属性。在同一个html当中,对于同一个class类我们可以使用很多次。
id就是表示在html中唯一的id,象征这标签的身份,很多时候,我们会在js当中使用id,如果js要去修改一个标签属性的时候,js就会用id设置为唯一的属性,如果出现两个相同的id,那么js特效就不不知道依据那个id来改变。【推荐阅读:在JS中class属性需要如何使用】
二:id和class使用语法
<div id="a"></div>
<div></div>
其中a和b就是自定义的命名
三:id和class有什么区别
1.在css样式中使用的区别
在css中,id是具有唯一性,在一个html当中,同一种命名只能使用一次。而class恰恰和id是相反的,在一个页面中,可以使用很多次。ID可用于标识一个元素,而类可用于标识多个元素。
2.命名方式区别
class在css是以"#"号键命名,而id是用”.“来命名
目前class和id都是可以在网页上使用,但是对于盒子外面会使用id,如果是不太重要的小布局我们可以使用class。
以上就是对class是什么意思?id和class有什么区别全部介绍,如果你想了解更多有关html教程,请关注php中文网。
以上就是class是什么意思?id和class有什么区别的详细内容,更多请关注php中文网其它相关文章!
css nth-child和classes
我在容器内有一个3×3 elemtens网格.这些元素有一个名为.square的类.
使用.square:nth-child(3n 1)我选择行的每个第一个元素并将其着色为绿色.
使用.square:nth-child(3n 3)我选择行的每个最后一个元素并将其着色为红色.
这工作正常,直到在网格之前输出任何元素(例如,< br>).对于每个新的< br>,订单向上移动一个,< br>也是如此.被认为是.square.
据我了解.nth-child,它应该选择.square类的每个第三个元素.为什么它适用于任何元素,我如何实现我的初始目标?
提前致谢
http://www.hier-krieg-ich-alles.de/shop.php?cat=26491127728
问题出现在中间的框中.
解决方法
nth-of-type
.
您可能会发现有用的相关选择器有:first-of-type,:last-of-type,:nth-last-of-type和:only-of-type.
css – id和class之间的区别
<div id="stockexchange-id">Text</div>
在上面的例子中,我在div语句中添加了一个类和一个id.它们之间有区别吗?如果我调用.stockexchange-class CSS而不是#stockexchange-id CSS会有什么区别吗?如果没有,那么拥有它们的重点是什么?还有哪一个会更好用?
解决方法
在应用CSS样式时,一些专家建议使用基于ID的类来避免特异性战争. CSS Lint(http://csslint.net/)推荐这个.
原因是样式表从上到下读取,但ID优先于类.这意味着:
#stockexchange-id { color: blue; } .stockexchange-class { color: red; }
即使红色稍后出现,也会将文本颜色为蓝色.这是一个很好的图解解释特异性:https://stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg.
如果所有内容都具有相同的特异性,并且大多数样式都是通过单个类应用的,那么它会使CSS更易于推理,因为它将从上到下阅读,而不会在不同的顺序中混合使用额外的样式.它还可以更轻松地覆盖类,这可能很有用.
最后,如果您基于类进行样式,则可以通过将类应用于页面上的另一个元素来在同一页面上重新使用样式.使用ID,因为它们是唯一的,所以你不能这样做.即使您认为某个元素在页面上是唯一的(例如购买按钮),但情况并非总是如此.设计者可以稍后在页面中再次请求相同的元素.
关于CSS为什么不支持从数字开始的id和class?和为什么css不起作用的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于#css# id & class 不能以数字开头、class是什么意思?id和class有什么区别、css nth-child和classes、css – id和class之间的区别等相关知识的信息别忘了在本站进行查找喔。
本文标签: