【前端web入门第五天】01 结构伪类选择器与伪元素选择器
文章目录: 1.结构伪类选择器 1.1 nth-child(公式) 2.伪元素选择器 1.结构伪类选择器 作用:根据元素的结构关系查找元素。 一个列表结构使用结构伪类选择器的例子 <style> li:first-child{ background-color: green; } </style> <body> &...
【前端web入门第四天】01 复合选择器与伪类选择器
文章目录: 1. 复合选择器 1.1 后代选择器 1.2 子代选择器 1.3 并集选择器 1.4 交集选择器(了解) 2.伪类选择器 2.1 伪类-文本 2.2 伪类-超链接（拓展) 1. 复合选择器 什么叫复合选择器?由两个或多个基础选择器，通过不同的方式组合而成。 复合选择器的作用是什么?更...
web前端之纯CSS实现简单酷炫的照片墙效果、排除元素的伪类、scale
html scaleMDN CSS函数scale()用于修改元素的大小。可以通过向量形式定义的缩放值来放大或缩小元素，同时可以在不同的方向设置不同的缩放值。:not()MDN :not()是CSS的伪类，用来匹...
web前端-------伪类和伪元素
但是，网页中一些特殊的样式，需要用到特殊的CSS选择器来设置。在CSS中，我们把这类选择器称为伪选择器。 伪选择器，分为伪类选择器和伪元素选择器两个大类。 伪类选择器，简称伪类；伪元素选择器，简称伪元素。 ...
web前端-css中最直观的反馈-伪类及伪元素选择器的使用
前言上期给大家讲了css的一些选择器的使用，这期咱们一起学习css的另外两个选择器：伪类选择器以及伪元素选择器。css伪类选择器伪类用于定义元素的特殊状态。设置鼠标悬停在元素上时的样式为已访问和未访问链接设置不同的样式设置元素获得焦点时的样式:active用于选择活动链接。当您在一个链接上点击时，它就会成为活动的。即设置鼠标点击触发的样式。实例ÿ...
web前端-css中最直观的反馈-伪类及伪元素选择器的使用
文章目录前言css伪类选择器:active:link和:visited:hover伪类选择器合集css伪元素选择器伪元素合集::after和::before::first-letter::first-line::selection小结前言上期给大家讲了css的一些选择器的使用，这期咱们一起学习css的另外两个选择器：伪类选择器以及伪元素选择器。css伪类选择器伪类用于...
web前端学习（二十六）——CSS3组合选择符、伪类伪元素的相关设置
$stringUtil.substring( $!{XssContent1.description},200)...
从零开始学 Web 之 CSS（三）链接伪类、背景、行高、盒子模型、浮动
大家好，这里是「 Daotin的梦呓 」从零开始学 Web 系列教程。此文首发于「 Daotin的梦呓 」公众号，欢迎大家订阅关注。在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！ 一、链接伪类 a:link{属性:值;} /*链接默认状态 ( a{属性:值}效果是一样的...
《响应式Web设计：HTML5和CSS3实践指南》——2.9节基于位置伪类的交替行样式
$stringUtil.substring( $!{XssContent1.description},200)...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
产品推荐
阿里UC研发效能
分享研发效能领域相关优秀实践，技术分享，产品信息
+关注