css3 伪类选择器

最新推荐文章于 2025-02-19 18:23:28 发布

weixin_33754913

最新推荐文章于 2025-02-19 18:23:28 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c9363816fb9a070ba313d3a

此博客转载自https://juejin.im/post/5c9363816fb9a070ba313d3a ，主要围绕CSS3伪类选择器展开，虽未给出具体内容，但可知与前端开发中CSS技术相关。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.target：表示当前的url片段的元素类型，这个元素必须是E  （作用类似于选项卡）
2.：：before{content：“要添加的内容”}  添加到......之前
3.rgb（）   颜色
4.rgba（213,123,211,0.8）   颜色三个值+透明度eng
5.（1）tetx-shadow（0,0,0，#ccc）  文字阴影：左右偏移量，上下偏移量，模糊量，颜色。四个参数有正负
   （2）tetx-shadow（0,0,0，#ccc，0,0,0，#ccc）可以叠加
6. transition  过渡
7.  -webkit-text-stroke    文字描边
8.  direction ：（1）Rtl   右→左
                         （2）Ltr  左→右
      一定要配合Unicode-bidi：bidi-override一起使用
9.   超出省略号： white-space：nowrap，overflow：hidden，text-overflow：ellipsis（clip：无省略号）
10.CSS3实现
圆角（border-radius），
阴影（box-shadow），
对文字加特效（text-shadow、），
线性渐变（gradient），
旋转（transform） 
transform:rotate(9deg)scale(0.85,0.90)translate(0px,-30px)skew(-9deg,0deg);
//旋转,缩放,定位,倾斜 
增加了更多的CSS选择器 多背景 rgba 在CSS3中唯一引入的伪元素是::selection. 媒体查询，多栏布局 border-image
复制代码

转载于:https://juejin.im/post/5c9363816fb9a070ba313d3a