HTML 5-如何解決驗證錯誤？ - 元素div不允許作爲元素h1在這種情況下的子元素

-1

我需要指定div來使用jQuery來設計它們，因爲這是我的任務。它顯示得很好，但沒有通過驗證。HTML 5-如何解決驗證錯誤？ - 元素div不允許作爲元素h1在這種情況下的子元素

錯誤是元素div不允許在此上下文中作爲元素h1的子元素。（從這個子樹抑制進一步的錯誤。）

<div class="col-md-8 col-md-offset-2"> 
       <div id="slogan"> 
       <h1 class="brand-heading">Love Life Strong <div id="decorate">Powerful</div> Give</h1> 
      </div> 



$(document).ready(function(){ 
$("#slogan").hover(function(){ 
    $("#slogan").css({ 
    backgroundColor: '#ff1d8e' 
    });//end css 
    $("#decorate").css("text-decoration","underline"); 
    },function(){ 
    $("#slogan").css({ 
    backgroundColor: 'transparent' 
    });//end css 
    $("#decorate").css("text-decoration","none"); 
});//end slogan decoration

CSS：

h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
    margin: 0 0 35px; 
    text-transform: uppercase; 
    font-family: Arial,sans-serif; 
    font-weight: 700; 
    letter-spacing: 1px; 
} 

.heading .heading-body .brand-heading { 
    font-size: 40px; 
}

是否有另一種方式來使用jQuery的懸停功能，沒有這個HTML錯誤？

獎勵問題：
有沒有一種簡單的方法可以將jree中的粉紅色變成粉紅色的文字陰影？（Id使用CSS做，但也許有一個簡單的方法）

來源

2014-11-05 Thankyou

不要在h#標籤使用div。您可以改用span。您可以使用display: inline-block;/display: block;

<h1 class="brand-heading"> 
    Love Life Strong <span id="decorate">Powerful</span> Give 
</h1>

獎金答案讓span行爲像div：

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#ff1d8e)";/*IE 8*/ 
text-shadow: 3px 3px 3px #ff1d8e;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#ff1d8e); /*IE 5.5-7*/

無論是通過jQuery或CSS（CSS越好）添加。

來源

2014-11-05 15:28:06 Justinas

你認爲這是什麼？

<h1 class="brand-heading">Love Life Strong <span id="decorate">Powerful</span> Give</h1>

對於徘徊，你可以簡單地添加一個CSS規則：

#slogan:hover { 
    background-color: #ff1d8e; 
}

來源

2014-11-05 15:28:05

您可以使用span標籤對嵌套在h1標頭中的元素進行樣式設置。

像這樣：<h1 class="brand-heading">Love Life Strong <span id="decorate">Powerful</span> Give</h1>

您可以設置CSS text-shadow屬性你與你的代碼示例中的jQuery設置你的其他樣式相同的方式。它有一個顏色選項。

來源

2014-11-05 15:30:51 marzipanlabs

HTML 5-如何解決驗證錯誤？ - 元素div不允許作爲元素h1在這種情況下的子元素

回答

相關問題