摘要:
标签(空格分隔): 伪元素 介绍常用的伪元素: 设置第一个首字母的样式: first letter 例如: before 用于在元素的内容前面插入新内容。结合content使用,使用不是很频繁; after 使用比较频繁,建议掌握; 用于在元素的内容后面插入新内容。如下是在最后加入:&符号,代码如下 阅读全文
摘要:
伪类选择器 标签(空格分隔): 伪类选择器 常用的几种伪类选择器。 没有访问的超链接a标签样式: 访问过的超链接a标签样式: 鼠标悬浮在元素上应用样式: 鼠标点击瞬间的样式: nput输入框获取焦点时样式: hover选择器在网页中非常好用,如果是我鼠标悬浮的是父盒子,想让父盒子的子盒子显示出来,这 阅读全文
摘要:
标签(空格分隔): 分组选择器 分组 当多个元素的样式相同的时候,我们没有必要重复地为每个元素都设置样式,我们可以通过在多个选择器之间使用逗号分隔的分组选择器来统一设置元素样式。 例如: 为div标签和p标签统一设置字体为红色的样式。 通常,我们会分两行来写,更清晰: 阅读全文
摘要:
标签(空格分隔): 属性选择器 属性选择器: 除了HTML元素的id属性和class属性外,还可以根据HTML元素的特定属性选择元素 根据属性查找 根据属性和值查找 找到所有title属性等于hello的元素: 找到所有title属性以hello开头的元素: 找到所有title属性以hello结尾的 阅读全文
摘要:
标签(空格分隔): 高级选择器 高级选择器 ![image.png 124.6kB][1] 后代选择器 因为HTML元素可以嵌套,所以我们可以从某个元素的后代查找特定元素,并设置样式: 从div的所有后代中找p标签,设置字体颜色为红色。 儿子选择器 从div的直接子元素中找到p标签,设置字体颜色为红 阅读全文