后代選擇器的寫法就是把外層的標記寫在前面,內層的標記寫在后面,之間用空格分隔。當標記發生嵌套時,內層的標記就成為外層標記的后代。子選擇器只對直接后代有影響的選擇器,而對“孫子后代”以及多層后代不產生作用。 主要去別是后代選擇器使用可以是各種選擇器(標記選擇器、類別選擇器、ID選擇器)都可以進行嵌套。而子選擇器只作用在子類。 要注意瀏覽器兼容性:在IE6中,只支持后代選擇器,不支持子選擇器,而在IE7和FF中既支持后代選擇器,又支持子選擇器。
這個是有區別的。
1、首先說兩者是屬于不同的兩門語言,jquery是屬于js的一個框架,則其選擇器是js里面的選擇器,css是另一門不同于js的語言,其選擇器是css選擇器,則兩者在根本上是不同的。
2、但是兩者是有交集的,都是作為網頁或者瀏覽器解析的語言,而js可以通過修改瀏覽器的dom對象來實現對css修改或者是控制。
3、可以簡單的這樣區分兩者,css選擇器用語css當中,js選擇器應用于js當中,只不過有時兩者使用相同的id標識來選擇對象。
可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標簽。
1、新建html文檔,添加5個input標簽,其中第一個和最后一個“type”屬性的屬性值為“text”:
2、在head標簽和body標簽之間添加style標簽,添加代碼“input[type=text]”,“input”指的是標簽名,“type”指的是屬性名,“text”指的是屬性值,這個就會把所有屬性名為“type”、屬性值為“text”的input標簽選中:
3、為被選擇的標簽設置背景色為紅色,這時屬性值為“text”的第一個標簽和最后一個標簽背景色都變成了紅色:
#是一種 CSS 標記選擇器~~~ 它是針對網頁中某個標簽的 id 值而應用樣式的~~比如頁面中有:
那么,要為這個 div 標簽應用樣式,就需要在CSS中寫:#hello{ font-size:14px; /* 再添加其它的樣式 */}