iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >CSS伪元素由什么组成
  • 537
分享到

CSS伪元素由什么组成

2024-04-02 19:04:59 537人浏览 独家记忆
摘要

这篇文章主要介绍“CSS伪元素由什么组成”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS伪元素由什么组成”文章能帮助大家解决问题。 设置 border-ra

这篇文章主要介绍“CSS伪元素由什么组成”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS伪元素由什么组成”文章能帮助大家解决问题。

设置
border-radius:0px 5px 5px 0px; 代表边框右上和右下 圆角为5px
box-shadow:0px 0px 1px #fff inset;代表边框间距靠左0 靠上0 和1px阴影规模 暗影色彩为白色
有inset 代表框内暗影 不带inset 代表框外暗影

留意:box-shadow:0px 0px 1px #fff
第1个值为0时,代表左左边框阴影 为1px局限
第1个值为正整数 代表 左边框阴影
第1个值为负整数 代表 右边框暗影
同理
第2个值为0 代表上下边框阴影
第2个值为正整数 代表1px暗影间隔上边框多少
第1个值为负整数 代表下边框阴影配置

border-radius圆角

:first-letter
p:first-letter{font-size:20px}
代表p标签内第一个字大小为20px

div:first-line { color:red;font-size:16px; }
代表DIV中第一行文字为红色字体为16px

p a:first-child { color: green }
代表p盒子里第一个a超链接字体色采为绿色

p:before { content:"我在这" }
代表p标签对象前介入一段形式:“我在这”

table:after { content: END OF TABLE }
代表在table对象后显示内容“END OF TABLE ”

单冒号与双冒号
伪元素由双冒号与伪元素名称组成。双冒号是在目前尺度中引入的,用于判袂伪类和伪元素。可是伪类兼容现存样式,阅读器须要同时支持旧的伪类,比喻:first-line、:first-letter、:before、:after等。

  那末当时就笼统残缺的回应问题中的问题了,对于CSS2之前已有的伪元素,比方:before,单冒号与双冒号的写法::before作用是同样的。

以是,假设你的网站只紧要兼容WEBkit、firefox、opera等阅读器,倡导对于伪元素采用双冒号的写法,假设不得不兼容IE浏览器,仍是用CSS2的单冒号写法相比安然。

.uploader input[type=file]{}
代表class为uploader 盒子内input标签属性为type=file设置装备摆设花样

关于“CSS伪元素由什么组成”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注编程网VUE频道,小编每天都会为大家更新不同的知识点。

--结束END--

本文标题: CSS伪元素由什么组成

本文链接: https://www.lsjlt.com/news/94450.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作