单位网站建设/+定义不匹配简单选择符的样式,红色文字4/

<!..匹配简单选择符s的元素E-->

<!..不匹配简单选择符s的元素E-->

E:target:[att]

{

/*CSS代码*/

}

其中,E表示网页元素,target表示相关URL指向的元素E, att表示元素的属性。示例

如下:

div#content-primary:target {background-color:#ffD; font-weight:bold;line-height:24px)

p{ height:50px;)

应用此样式的代码如下:

div id="nav-primary">#nav-primary</div>

<div id="content-primary ">#content-primary</div><1--匹配URL指向的元素E-->

<div id="content-secondary">#content-secondary</div>

<div id="tertiary-content">#tertiary-content</div>

<div id="nav-secondary">#nav-secondary</div>

<p>提示:在地址栏后面输入#content-secondary,可以看到#content-primary的div出现黄色背景</

浏览器中的浏览效果如图6-15所示。

囊麟褊鬯幽幽豳鲞囊豳龋黼黼黼翩燃删黼嘲蝴■嘲绷麟麟麟麟㈣溺俐

鬻§一一,霪扯一*m ttu"t x麟;l;溺itl≤蠢瀵溺≤幽麟蓊§戮黉遴鬣≤麟遴,;;鍪ti篡l鎏:邈I

。.~ 0谁*.冉ijjrfIj.,,l。t山。tt,n,t."dB舟一目标曲娄lt掣ptI盘撮蒋ht-1h。n‘嘤tprr 奔l

~ 崎 誓∞

#nav-primary 灞

mnte辩,rl-^黼 .Ⅻ

#嚣焉嚣漂’ 绸

#nawsccondary潮I

。叠I

提示,在地址栏后面输^#content-secondary,可看#ii#content-primary的div出现黄色背景 l

图6-14 E:not(s)选择符 图6-15 E:target选择符

c9)Ln元素状态伪类选择符

UI (UserInterface)就是用户界面,这里主要介绍UI元素状态伪类选择符。

●E:hover用来指定鼠标指针移动到元素上面时元素使用的样式。

●E:active用来指定激活被指定元素(在元素上按下鼠标还没有松手)时使用的样式。

●E:focus用来指定元素获取光标焦点时使用的样式。