如何使用多個標題CSS

-1

我想在我的CSS不同的標題/頭使用，具有相同的字體，但用不同的字體大小，等我有這樣的：如何使用多個標題CSS

#titulo1{ 
    font-family: 'Roboto', sans-serif; 
    font-size: 40px; 
    font-height:50px; 
    color: #ffffff; 
} 

#titulo2{ 
    font-family: 'Roboto', sans-serif; 
    font-size: 30px; 
    font-height: 40px; 
    color: #73bd34; 
} 

#titulo3{ 
    font-family: 'Roboto', sans-serif; 
    font-size: 20px; 
    font-height: 30px; 
    color: #5f9b16; 
} 

#titulo4{ 
    font-family: 'Roboto', sans-serif; 
    font-size: 13px; 
    font-height: 15px; 
    font-weight: bold; 
    color: #000000; 
}

現在我想用一些一些divs的標題和其他人的標題。像這樣：

.slogan #titulo1{ 
... 
} 

.pesquisa #titulo3{ 
... 
}

但它不工作，我只能讓它在我的HTML文件中使用像這樣的工作：

<div class="slogan" id="titulo1">

是啊，我已經訪問過該網頁： http://www.w3schools.com/cssref/css_selectors.asp，仍然沒有

來源

2017-02-09 racemi

我建議你在文檔看看CSS選擇器：http://stackoverflow.com/documentation/css/611/selectors#t=201702091124578300889 –

您需要使用類而不是id - id應該是唯一的。如果你想用一個口號和標識titulo1來改變元素，你需要刪除選擇器之間的空格：'＃titulo1.slogan'（我已經把訂單換成了我喜歡的ID，因爲它們是先來的有更大的重量）。 [這是一篇關於css特異性的好文章]（https://css-tricks.com/specifics-on-css-specificity/） – Pete

該ID以「TITULO」

[id^="titulo"] { 
    font-family: 'Roboto', sans-serif; 
} 

#titulo1{ 
    font-size: 40px; 
    font-height:50px; 
    color: #ffffff; 
} 

#titulo2{ 
    font-size: 30px; 
    font-height: 40px; 
    color: #73bd34; 
} 

#titulo3{ 
    font-size: 20px; 
    font-height: 30px; 
    color: #5f9b16; 
} 

#titulo4{ 
    font-size: 13px; 
    font-height: 15px; 
    font-weight: bold; 
    color: #000000; 
}

01開始，您可以使用選擇器，選擇所有元素

定義.slogan #titulo1沒有意義，因爲id是唯一標識符，所以#titulo1的意思是一樣的。

無論如何選擇具有幾個類的特定元素，例如， <div class="class1 class2">會看起來.class1.class2（在類名之間沒有空格）或div.class1.class2

來源

2017-02-09 11:33:28 Banzay

它在CSS中的空間，這使得它很難。讓我們看到：

聲明本：

.slogan #titulo1{ 
     color:red; 
    }

這將爲follwoing HTML結構

<div class="slogan"> 
    <div id="titulo1"> 
    </div> 
</div>

現在的工作通知如下：

.slogan#titulo1{ 
    color:red; 
}

這將爲follwoing HTML結構

工作

<div class="slogan" id="titulo1"> 

</div>

你注意到的空間在CSS，如果你把意思他們是在不同的元素

來源

2017-02-09 11:34:41 Hashmap

使用下面的空間。希望您的問題將得到解決:)

<div class="slogan"> 
    <div id="titulo1"> 
    -------- 
    -------- 
    </div> 
</div>

來源

2017-02-09 11:37:06 Rifat

如何使用多個標題CSS

回答

相關問題