Q

這種格式在CSS中做了什麼：p [class | = abc]？

2011-05-18 37 views 1 likes

1

這是什麼格式做CSS：這種格式在CSS中做了什麼：p [class | = abc]？

p[class|=abc]

和

#pTag a[href^="https://"]

我不能夠搜索到它，因爲我不知道這個確切的術語。

任何幫助一些鏈接來研究這些方括號的事情將不勝感激。

在此先感謝。

2011-05-18 Manish

+1

每組'{}'被稱爲選擇器之前出現的語法。 – BoltClock 2011-05-18 07:35:03

A

回答

4

它們是Attribute selectors。閱讀鏈接瞭解更多信息。

請注意，最後一個CSS示例是一個CSS3選擇器。

2011-05-18 07:28:37 jerone

+0

謝謝。非常精確！ – Manish 2011-05-18 09:42:27

1

E [郎| = 「EN」]匹配任何E元素，其「lang」屬性具有開始值的連字符分隔的列表（從左側）與「EN」。

。

[ATT^= VAL] 表示與ATT屬性，其值始於前綴「VAL」的元素。如果「val」是空的字符串，那麼選擇器不會表示任何東西。

2011-05-18 07:29:39

1

連字號[| =]屬性選擇：

連字符（ - ）主要用作用於語言代碼的分隔符。

<style> 
    .test  { display:none; } 
    [lang|="en"] { display:block; } 
</style> 

<div class="test" lang="en-us">Test for [|=] (Hyphen) succeeded.</div>

前綴[^ =]屬性選擇：

<style> 
    .test  { display:none; } 
    [attr^="B"] { display:block; } 
</style> 

<div class="test" attr="Blue">Test for [^=] (Prefix) succeeded.</div>

2011-05-18 07:41:23

+1

我愛你的gravatar。 – BoltClock 2011-05-18 08:10:23

相關問題