如何在CSS中使用*標籤？

我想了解如何在css按鈕中使用背景圖像。看起來圖像比按鈕大得多，角落仍與按鈕匹配（產生圓角按鈕）。它似乎與有關。我找不到有關如何使用*的任何參考。您能否使用*標籤解釋圖像在按鈕中的渲染方式？我認爲*將匹配任何元素。不過，我不明白在這種情況下，圖像如何呈現。如何在CSS中使用*標籤？

.btn { 
display: block; 
position: relative; 
background: #aaa; 
padding: 5px; 
float: left; 
color: #fff; 
text-decoration: none; 
cursor: pointer; 
} 

.btn * { 
font-style: normal; 
background-image: url(btn2.png); 
background-repeat: no-repeat; 
display: block; 
position: relative; 
}

完整的例子在這裏：http://monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors/。

來源

2010-03-13 adiian

從btn.html，線17

.btn span { 
    background-position:left bottom; 
    left:-5px; 
    margin-bottom:-5px; 
    padding:0 0 5px 10px; 
}

上述選擇器是負責圓角。（background-position具體說明）
嘗試將background-position的值更改爲right bottom或top left，您將看到更改。

CSS定義將適用於類的所有兒童btn

來源

2010-03-13 00:34:25

我明白了，謝謝你的解釋。 – adiian 2010-03-13 00:42:53

:)。另外，你可以給'background-position：10px 10px'賦值 – 2010-03-13 00:45:39

指的是所有標籤下的兒童，孫輩，孫輩的孩子等標籤下有一個類「btn」。該語法使用一種特殊類型的CSS選擇器，稱爲descendant selector。

.btn具體指具有類「btn」的所有標籤。

來源

2010-03-13 00:28:40 Ztyx

「後人」呢？ =） – 2010-03-13 00:31:43

如何在CSS中使用*標籤？

回答

相關問題