css ---- 伪类,选择符命名规范以及扩展

目录

伪类

css选择符的命名规范

选择符扩展


伪类

        W3C里面制定的一套选择器的特殊状态

状态:

未访问的链接        语法:a:link{}

已访问的链接        语法:a:visited{}

鼠标移动到链接上        语法:a:hover{}

鼠标按下到链接上        语法:a:active{}

以上4种都是用于修饰 a 标签的一些状态,可以进行修改

以上4个伪类在css中的书写顺序:

L-V-H-A

text-decoration

none  ------  没有任何效果

underline        默认属性        表示下划线

overline        上划线

line-through        贯穿线

代码示例:

<style type="text/css">

	a{
		text-decoration: line-through;    /*none没有下划线*/
	}
	a:link{
		color:black;
	}
	a:visited{
		color:gold;
	}
	a:hover{
		color:red;
		text-decoration: underline;
	}
	a:active{
		color:green;
	}
	h1{
		background-color: #ccc;
	}
    h1:hover{
    	background-color: yellow;
    }
      
</style>

css选择符的命名规范

驼峰   命名法:                

        除去第一个单词首字母小写以外,其余所有单词首字母都是大写        如:#headerBlock

帕斯卡   命名法:

        与驼峰命名法相似,区别就是所有单词首字母都大写        如:#HeaderBlock

匈牙利   命名法:

        是需要在名称前面加上一个或者多个小写字母作为前缀        如:#head_block

选择符扩展

包含选择符:嵌套和派生

        也就是指标签和标签之间具备嵌套关系

例如:

<body>
    <div>
        <p>
        </p>
    </div>
</body>

包含选择符        标识        是空格

div p{

}

标识的含义就是div标签中的p标签

分组选择符:

body,h1,a{
    text-decoraction:none;
}

        将一系列的标签选择符用逗号间隔来描述共同的样式

标签指定式选择符

<h1 id="content">
</h1>

h1#content        id为content的h1标签

组合选择符:

        就是将以上的所有的选择符用在一起就叫做组合选择符

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值