CSS樣式：用於facebook標記的選擇器

Question

有沒有一種方法可以在CSS或類似的FBML元素中定位或選擇以下元素？

<fb:login-button></fb:login-button> 

謝謝！

Answer 1

你可以像下面一樣爲它添加一個類。

<fb:login-button class="strange"></fb:login-button> 

然後在CSS

.strange{ 
width:200px; 
height:200px; 
background:#cc0000; 
display:block; 
} 

OR

你可以一個ID添加到它。

<fb:login-button id="strange"></fb:login-button> 

然後在CSS文件中。

#strange{ 
    width:200px; 
    height:200px; 
    background:#cc0000; 
    display:block; 
    } 

Answer 2

在FBML標籤名稱開頭的fb:是XML namespace prefix。根據我的理解，FBML被嵌入在HTML文檔中，因此它不是默認的名稱空間。 CSS2和更早版本不提供選擇不在默認命名空間中的元素的機制。

從CSS3開始，您可以通過使用垂直條分隔類型（標籤名稱）選擇器來限定名稱空間，例如fb|login-button。我不確定CSS是否會自動繼承文檔中聲明的命名空間前綴。如果不是，則需要使用@namespace聲明來註冊名稱空間前綴。欲瞭解更多信息，請參閱the CSS3 Namespaces module。

Answer 3

在語法上，它是一個命名空間元素。在實踐中，您可以使用：

fb\:login-button { 
    border: 10px solid red; 
}