1. 程式人生 > >子選擇器 【直系後代】

子選擇器 【直系後代】

子選擇器只選擇元素的兒子輩兒的直系後代,隔輩兒的,孫子輩兒的不會被選擇。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<style>


ul#nav> li {
    background:url(whoami_03.jpg) no-repeat left top;
}
</style>
</head>
<body>
<ul id="nav">
    <li>Home</li>
    <li>Services
        <ul>
            <li>Design</li>
            <li>Development</li>
            <li>Consultancy</li>
        </ul>
    </li>
    <li>Contact Us</li>
</ul>
</body>
</html>

兒子輩兒的,被我塗成了綠色的三個<li>會被應用上背景圖片,而更下一級巢狀的<li>標籤不會應用此樣式。

相關推薦

選擇 直系後代

子選擇器只選擇元素的兒子輩兒的直系後代,隔輩兒的,孫子輩兒的不會被選擇。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional

jquery選擇 radio checkbox選擇 查詢div下的表單具有某種屬性的控制元件 :注意是div下

txt3<pre name="code" class="html"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title>

時間、日期選擇安卓3

ear hour getc enable pic style min 判斷 eight TimePicker(時間選擇器) 方法 描述 Integer getCurrentHour () 返回當前設置的小時 Integer getCurren

選擇後代選擇和通用選擇以及偽選擇

borde solid 顏色 clas lec 編輯 一段 html 一行 子選擇器(>) .food>li{border:1px solid red;}後代選擇器(空格) 包含選擇器,即加入空格,用於選擇指定標簽元素下的後輩元素。如右側代碼編輯器中的代碼: .

CSS的選擇後代選擇的區別

子選擇器 還有一個比較有用的選擇器子選擇器,即大於符號(>),用於選擇指定標籤元素的第一代子元素。如右側程式碼編輯器中的程式碼: .food>li{border:1px solid red;} 這行程式碼會使class名為food下的子元素li(水果、蔬菜)加入紅色實線邊框。 &

[html5入門-14]一探究竟“後代選擇選擇的區別”

在學習前端開發時,糾結過後代選擇器和子選擇器的區別,現根據目前所學水平蒐集和整理了這兩種選擇器的區別,分享給大家,如有誤導之處,敬請之處。 一.語法上區別 後代選擇器語法:最高代 下一代 ...子代 代與代之間用空格隔開 子選擇器語法:最高代>下一代>...&g

包含(後代選擇選擇的區別

請注意:這個選擇器與子選擇器的區別,子選擇器(child selector)僅是指它的直接後代,或者你可以理解為作用於子元素的第一代後代(只能作用於第一代後代,對其他後代不起作用)。而後代選擇器是作用於所有子後代元素。後代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。 總結:>作用於

CSS的選擇後代選擇的區別

一、子選擇器還有一個比較有用的選擇器子選擇器,即大於符號(>),用於選擇指定標籤元素的第一代子元素。這行程式碼會使class名為food下的子元素li(水果、蔬菜)加入紅色實線邊框。.food&g

後代選擇選擇

後代選擇器 h1 em 選擇器可以解釋為 “作為 h1 元素後代的任何 em 元素 有關後代選擇器有一個易被忽視的方面,即兩個元素之間的層次間隔可以是無限的。 例如,如果寫作 ul em,這個語法就會選擇從 ul 元素繼承的所有 em 元素,而不論 em 的巢狀層次

css樣式表的繼承、後代選擇選擇的區別、相鄰選擇

一、css的繼承 -在style中設定div的顏色為紅色,<p>、<h1>、<h2>不設定任何樣式 <style type="text/css"> div{ color: red; } </

CSS選擇記錄

  1、基本選擇器 2、組合選擇器 3、偽類選擇器 4、偽元素選擇器   CSS選擇器規定了CSS規則會應用到哪些元素上   1、基本選擇器 基本選擇器:通配選擇器、元素選擇器、類選擇器、ID選擇器、屬性選擇器 /* 通配選擇器、效能最低的一個CSS選擇

css 中包含(後代選擇選擇的區別

空格 cto 後代選擇器 sele 作用 大於號 進行 sel spa 子選擇器:即大於號(>),用於選擇指定標簽元素的第一代子元素。.span>li{XXXX}。 包含(後代)選擇器:即加入空格,用於選擇指定標簽的後輩元素。.fisrt span{XXXX}。

後代選擇選擇

一:後代選擇器<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l

74LS85 比較 數字電路

center pan 電路 eight led art http height src 74LS85 demo: 1110>0111 就這樣。。。。於是OAGTB引腳輸出高電平點亮LED燈

51nod-1065 最小正段和 貪心 + 思維

記錄 n) 51nod nta cstring pla CA 找到 class N個整數組成的序列a[1],a[2],a[3],…,a[n],從中選出一個子序列(a[i],a[i+1],…a[j]),使這個子序列的和>0,並且這個和是所有和>0的

HDU6345串查詢字首和線段樹

題目大意: 題目連結:http://acm.hdu.edu.cn/showproblem.php?pid=6345 求給定串 l l

伺服器管理裝置:kvm一體機機房必備lcdkvm切換終身維護

19螢幕kvm控制檯: 19寸LCD屏IPkvm切換器帶一個IP遠端介面,支援IP遠端監控,而且標準1U,符合19英寸標準上架結構,可以節省機櫃85%以上使用空間,19寸LCD屏IPkvm切換器採用新型高清傳輸技術,顯示器解析度高達1280*1024。 16埠kvm控

SpringMVC自定義引數繫結日期型別

前提:由於日期型別有很多種格式,springmvc無法將字串轉換成日期型別,所以需要我們根據業務需求自定義引數繫結! 第一步:自定義引數繫結器---根據介面卡引數繫結器的編碼要求規範開發bean package com.cyn.ssm.converter; impor

css選擇 ul>li

子選擇器只選擇元素的直接後代  不隔代遺傳哦 看一段程式碼 <ul id="nav" > <li><a href="#">Home</a></li> <li><a href="

CSS選擇

子選擇器(E > F),就是隻選擇元素的直接後代(即子元素),而不選擇其它後代的選擇器。這就是子選擇器與後代選擇器的區別。子選擇器中,> 兩側的空白符是可選的。在上一節導航選單的例子中,假如我們希望第一級列表項的連結文字的字型加粗顯示。因為第一級列表項是 ul 的