HTML5基础加强css样式篇（target目标伪类选择器）（九）
2017-03-15 14:46
381 查看
1.目标选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5初级阶段</title>
<style type="text/css">
.box {
/*Add your CSS*/
width: 100px;
height: 100px;
background-color: #f00;
margin-top: 2000px;
margin-bottom: 2000px;
}
.box:hover{}
.box:target{
background-color: yellow;
width: 200px;
display: none;
}
/*:target 目标伪类选择器*/
</style>
</head>
<body>
<a href="http://www.baidu.com">Baidu</a>
<a href="6.自定义属性.html">一个网页</a>
<a href="#domId">锚链接</a>
<div class="box" id="domId">
</div>
<script type="text/javascript">
// Add your code
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML5基础加强css样式篇（target目标伪类选择器应用）（十）
- HTML5基础加强css样式篇（结构化伪类选择器：nth-of-type）（十一）
- HTML5基础加强css样式篇（结构化伪类选择器:nth-child和nth-of-type比较）（十二）
- css3基础 :target 目标伪类选择器 简单示例
- HTML5基础加强css样式篇（checked状态伪类和清除默认样式）（十三）
- HTML5基础加强css样式篇（多媒体选择器）（十七）
- HTML5基础加强css样式篇（animation填充属性：animation-fill-mode,播放控制属性：animation-play-state，播放顺序设置，）（三十一）
- HTML5基础加强css样式篇（常用伪元素选择器after，before）（十五）
- HTML5基础加强css样式篇（css属性transform 函数（3D）3D盒子）（二十七）
- HTML5基础加强css样式篇（color，direction）（二）
- HTML5基础加强css样式篇（float补充，清除浮动解决高度塌陷问题，定位补充）（一）
- HTML5基础加强css样式篇（css过度效果：界面的浮层遮罩和消失）（十九）
- HTML5基础加强css样式篇（css过渡结束事件：transitionend）（二十三）
- HTML5基础加强css样式篇（animation属性animation-name,animation-delay,animation-duration，等)（三十）
- HTML5基础加强css样式篇（css属性transform 函数（3D）transform-style）（二十五）
- HTML5基础加强css样式篇（text-align，text-decoration，text-indent，text-transform，letter-spacing，word-spacin）（四）
- 伪类选择器之目标伪类 :target 手风琴菜单实例
- HTML5基础加强css样式篇（css过渡属性的隐式过渡问题）（二十二）
- HTML5基础加强css样式篇（标签自定义属性）(八)
- HTML5基础加强css样式篇（DOM的属性操作（对class属性值的操作 setAttribute,removeAttribute,classlist：remove，add,toggle））（七）