【单位网站建设】 ／+定义不匹配简单选择符的样式，红色文字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‘嘤t—pr…r    奔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用来指定元素获取光标焦点时使用的样式。