CSS派生選擇器

一 派生選擇器css

      經過依據元素在其位置的上下文關係來定義,使用標記會更加簡潔。html

      在css1當中,經過這種方式來應用規則的選擇器被稱爲上下文選擇器,這就是因爲它們依賴於上下文關係來應用或者避免某些規則。在css2當中,它們稱爲派生選擇器,可是不管你任何稱呼它們,它們的做用都是同樣的。字體

      經過派生選擇器容許你根據文檔的上下文關係來肯定某個標籤的樣式。也就是說經過合理的使用派生選擇器,咱們能夠使html代碼便的更加整潔。orm

       例如:你但願列表中的strong元素變爲斜體,而不是其餘粗體,能夠定義派生選擇器:htm

        li strong{文檔

          font-style:italic;it

          font-weight:normal;
class

       }im

或者咱們但願設置字體的顏色:樣式

li strong{

     font-style:「宋體」;

     color:green;

     font-weight:normal;

     font-size:20px;

}

請注意標記爲<strong>藍色代碼的上下文關係:

在上面的例子中,只有li元素中的strong元素的樣式爲斜體,無需爲strong元素定義特別的class或者li,代碼更加簡潔。

相關文章
相關標籤/搜索