在讨论CSS属性之前,先了解链接的状态是非常重要的。链接可以存在于不同的状态,并且可以使用伪类进行样式设置。
可以在样式后面加上!important,如:
backgroundcolor:red!important;
!important 将覆盖行内css
css优先级:行内css>id选择器(#)>伪类
先列出CSS中常用的伪类
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
:checked 选择所有选中的表单元素
:disabled 选择所有禁用的表单元素
p:first-child 父元素中第一个p元素
比如#div p:first-child{
color:#E4393c;
}
:last-child 父元素中最后一个p元素
p:before
p:after 这两个常被用来清除浮动
1、首先新建一个html文件,命名为test.html,在test.html文件内,使用table标签创建一个表格,用于测试。
2、在test.html文件内,设置table标签的class属性为mytable,同时设置边框为1px。
3、接着在css标签内,通过class设置表格的样式,定义它的宽度为300px,高度为200px。
4、在css标签内,通过td元素名称和“:hover”选择器定义当鼠标指向单元格时,改变单元格的背景颜色,设置为红色。
5、最后在浏览器打开test.html文件,鼠标经过之后,即可变色。
0
如果觉得《css属性选择器和部分伪类 css样式链接怎么设置 – CSS – 前端 谷歌css两端对齐》对你有帮助,请点赞、收藏,并留下你的观点哦!