在CSS3中,名稱空間(Namespace)的概念被引入并成為一個重要的特性。 命名空間允許我們定義一組預定義的命名空間(比如 xmlns),并使用這個命名空間來給CSS類和標簽名加上前綴。
例如,現在我們有一個CSS3的樣式表,我們可以使用以下命名空間:
@namespace foo 'http://foobar.com';
在這個例子中,我們必須指定命名空間的名稱“foo”,以及其對應的URI(Uniform Resource Identifier)。這告訴了瀏覽器在哪里找到這個命名空間。
接著我們可以使用下列方法來使用命名空間:
foo|h1 { color: #333; }
在這個例子中,我們使用“foo”前綴來區分命名空間,h1元素被限定了在“foo”這個命名空間中。同樣,我們也可以使用類和ID:
.foo|header { height: 100px; } #foo|navigation { width: 200px; }
在這兩個例子中,我們使用了類和ID選擇器來匹配特定的元素,同時在前面加上了命名空間的前綴,分別為“foo”和“foo”。
總之,在CSS3中,命名空間是一個非常重要的特性。它允許我們更好地區分不同的元素和類,避免了樣式沖突的問題。