CSS基础
逍遥猫
这个作者很懒,什么都没留下…
展开
-
复合选择器之后代选择器
语法格式:A B {}后代选择器也成包含选择器,用来选择特定元素的后代。如下图案例所示:div h2 { color:red; font-size: 18px;}不管h2元素是div元素的子元素、孙辈元素或者更深层次的关系,也就是说不管h2是div的多少辈后代,h2元素的文本都会变成红色,字体大小为18像素。运行结果:...原创 2019-07-29 17:25:02 · 279 阅读 · 0 评论 -
复合选择器之子选择器
语法格式:A > B {}子选择器也叫直接后代选择器,也就是指定标签元素的第一代子元素。原创 2019-07-29 17:52:47 · 95 阅读 · 0 评论 -
伪类选择器之鼠标的四种状态
a:link 未访问的链接a:visited 已访问的链接a:hover 鼠标悬停状态a:active 选定的激活状态提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。提示:伪类名...原创 2019-07-29 18:36:05 · 3566 阅读 · 0 评论 -
伪元素之before和after
css2格式:E:before E:aftercss3格式:E::before E::after他们的主要作用就是在E元素内容前后加上指定内容,也就是给E元素的前面或后面添加额外的内容,经常跟content组合。...原创 2019-07-30 16:32:21 · 128 阅读 · 0 评论 -
CSS的继承特性
具有层次关系的元素之间,内层元素将继承外层元素的样式。能被继承的CSS属性有:文本相关的属性 列表相关的属性原创 2019-07-30 16:47:55 · 187 阅读 · 0 评论 -
CSS的优先级和权重
CSS样式优先级遵循如下:行内样式 > id选择器 > 类选择器 > 元素选择器在选择器优先级相同的情况下,遵循就近原则。页面某元素在多层嵌套情况下,根据权重大小显示,权重越大优先显示。备注:!important 表示强制应用该样式,例如:button{width:150px!important;},与以上的选择器相遇时,强制使用此样式;选择器类别...原创 2019-08-01 18:10:17 · 300 阅读 · 0 评论