這是一個佔位符的鏈接嗎？

在this page，在標記中0123xx引用是如何完成的？樣式表有[src]選擇器，但我迷路（或愚蠢地不知情）。這是一個佔位符的鏈接嗎？

CSS如何讓HTML知道圖像在哪裏？

<!doctype html> 
<title>Slideshow</title> 
<link href=s.css rel=stylesheet> 
<ul> 
    <li><img src=1> 
    <li><img src=2> 
    <li><img src=3> 
    <li><img src=4> 
</ul>

@-webkit-keyframes f { 
     0% { opacity:0; } 
     12% { opacity:1; -webkit-transform:scale(1.03) } 
     25% { opacity:1; -webkit-transform:scale(1.06) } 
     37% { opacity:0; -webkit-transform:scale(1.30) } 
    100% { opacity:0; } } 

@-moz-keyframes f { 
     0% { opacity:0; } 
     12% { opacity:1; -moz-transform:scale(1.03) } 
     25% { opacity:1; -moz-transform:scale(1.06) } 
     37% { opacity:0; -moz-transform:scale(1.30) } 
    100% { opacity:0; } } 

    body { background:#f0f0eb } 
ul, [src] { position:absolute } 
     ul { overflow:hidden; 
      top:50%; 
      left:50%; 
      width:650px; 
      height:300px; 
      margin:-200px 0 0 -340px; 
      padding:0; 
      list-style:none; 
      border:15px solid #fff; 
      -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); 
      box-shadow:0 1px 2px rgba(0,0,0,.2) } 

    [src] { opacity:0; 
      -webkit-animation:f 12s linear infinite; -moz-animation:f 12s linear infinite } 
[src="2"] { -webkit-animation-delay:3s; -moz-animation-delay:3s } 
[src="3"] { -webkit-animation-delay:6s; -moz-animation-delay:6s } 
[src="4"] { -webkit-animation-delay:9s; -moz-animation-delay:9s }

來源

2013-03-04 pat

這不是發生了什麼 - 標記中的圖像src就在那裏。你到底在問什麼？ '[src]'只選擇任何帶有'src'屬性的東西（圖像）。 '[src =「2」]'選擇具有src =「2」'的任何元素。 – 2013-03-04 04:51:57

這其實非常簡單 - 它們實際上是有效的URL，例如

<img src=4>

是一個相對鏈接，指向：

http://playground.deaxon.com/css/slideshow/4

或者：

怎麼可能形成的HTML 「共同的風格」是：

<ul> 
    <li><img src="1"></li> 
    <li><img src="2"></li> 
    <li><img src="3"></li> 
    <li><img src="4"></li> 
</ul>

不：

<ul> 
    <li><img src=1> 
    <li><img src=2> 
    <li><img src=3> 
    <li><img src=4> 
</ul>

我認爲這是缺乏"標誌是交代不清的你。

雖然，如@Wesley指出，這也是完全有效的HTML（除了缺少的alt標籤）。

來源

2013-03-04 04:51:05

這兩個HTML代碼段都是有效的。 'li'不需要被明確地關閉，並且屬性不需要被引用。 – 2013-03-04 04:57:14

@WesleyMurch謝謝，我更新了我的答案！ – 2013-03-04 04:59:48

我剛剛向您展示：http://validator.w3.org/check?uri=http%3A%2F%2Fplayground.deaxon.com%2Fcss%2Fslideshow%2F&charset=%28detect+automatically%29&doctype=Inline&group= 0只有錯誤是圖像上缺少的「alt」屬性。 – 2013-03-04 05:00:20

這是一個佔位符的鏈接嗎？

回答

相關問題