CSS选择器中的大写HTML标记

CSS选择器中的大写HTML标记,html,css,css-selectors,Html,Css,Css Selectors,在查看一个网站的源代码时,我遇到了一个IMG标记,我想他们为什么不在CSS文件中使用IMG。接下来我回顾了javavscript代码,并看到IMG也都是大写的。所讨论的代码适用于此网站上的jquery滑块: 所讨论的CSS是: /* Slide show */ #slideshow {position:relative;height:300px;} #slideshow IMG {position:absolute;top:32px;left:0;z-index:8;opacity:0.0;

在查看一个网站的源代码时,我遇到了一个IMG标记,我想他们为什么不在CSS文件中使用IMG。接下来我回顾了javavscript代码,并看到IMG也都是大写的。所讨论的代码适用于此网站上的jquery滑块:

所讨论的CSS是:

/* Slide show */
#slideshow {position:relative;height:300px;}
#slideshow IMG {position:absolute;top:32px;left:0;z-index:8;opacity:0.0;
                border-top-left-radius:10px;border-bottom-right-radius:10px;}
#slideshow IMG.active {z-index:10;opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}
Javascript是这样的:

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}
css和javascript所指的HTML片段如下:

<!-- mast slideshow -->
    <div id="slideshow">
        <img src="home/mast_1.jpg" alt="Slideshow Image 1" class="active" />
        <img src="home/mast_2.jpg" alt="Slideshow Image 2" />
        <img src="home/mast_3.jpg" alt="Slideshow Image 3" />
    </div>

我的问题是:

  • CSS选择器使用的大写HTML标记现在是否可以接受,或者这种样式/习惯是否已被弃用
  • 使用了什么HTML和/或CSS版本
  • 关于这个造型技巧,你还有什么可以告诉我的吗
  • CSS选择器使用的大写HTML标记现在是否可以接受,或者这种样式/习惯是否已被弃用

    它在HTML中仍然是可以接受的,因为它既不被禁止也不被弃用,但它确实会给任何可能阅读您的源代码的人带来相当恶劣的90年代氛围。但在现实中,这并没有什么区别。注意,我说的是“在HTML中”;XHTML完全是另一回事

    我之所以说90年代是因为

  • 使用了什么HTML和/或CSS版本

    大写惯例可以追溯到以前的HTML版本所基于的。CSS中存在相同约定的唯一原因是CSS与HTML密切相关-CSS是在HTML2.0之后不久引入的-因此大写标记名的规范只是延续了下来,因为嘿,标记名

    然而,不管出于什么原因,这种约定在XHTML(标记名总是小写的)成为in(尽管最终这并不重要)之后很久就一直存在于CSS中,直到00年代中期,样式表中才真正停止使用大写类型选择器

  • 关于这个造型技巧,你还有什么可以告诉我的吗

    ,因此,不管您如何区分HTML标记名和CSS类型选择器的大小写,都没有任何区别,因为HTML本身没有任何限制

    唯一的例外是文档语言区分大小写,因此对选择器设置了限制。这就是XHTML(以及任何基于XML的语言)的重要性所在——如果选择器的大小写与XML标记名的大小写不匹配,则选择器将不匹配。但是,与XHTML相比,这对SVG更为相关,因为XHTML实际上已经成为过去。事实上的标准是,而且一直是HTML

    尽管如此,自Y2K以来的现代惯例仍然是在HTML中使用小写标记名,在CSS中使用类型选择器来表示HTML。许多人说这是为了与XHTML兼容;XHTML是否真的在这一现代惯例中产生了重大影响是有争议的,坦率地说是无关紧要的


  • 一个深入的回答,为前端编程的相对新手提供了见解。