pink前端三大件-CSS--复合选择器

最新推荐文章于 2024-08-08 15:03:10 发布
最新推荐文章于 2024-08-08 15:03:10 发布
阅读量73 收藏
点赞数
文章标签： css 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44025946/article/details/129239701
版权

复合选择器

定义

有多个基础选择器组合成为复合选择器

复合选择器种类

后代选择器（重要）

有针对性的选择父类中某个子类的选择器

ol li {
color ： pink
}

相当于将ol 下的li标签的字体改为pink色
总之：
在这里插入图片描述
在这里插入图片描述

子选择器

对父类标签的子类选择，不要孙类
在这里插入图片描述

并集选择器（重要）

并集选择器可以选择多组标签，同时为他们定义相同的样式
逗号表示
在这里插入图片描述

伪类选择器

向某些选择器添加特殊的效果
最大特点是冒号表示

链接伪类选择器

在这里插入图片描述
在这里插入图片描述

注意
必须按照LVHA的顺序书写
a链接有默认样式，在工作中需要给链接单独指定样式

：focus伪类选择器

用于获得焦点的表单元素，一般和input搭配一起使用
在这里插入图片描述

总结

在这里插入图片描述

夏休灼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端---CSS篇（详解CSS）
stu_kk的博客
11-28 934
css学习笔记分享
前端 --- CSS
wwzzzzzzzzzzzzz的博客
04-14 4984
1. CSS 1.1 什么是CSS CSS的英文名为 Cascading Style Sheet,中文为层叠样式表 CSS 能够对网页中元素位置的排版进行像素级精确控制, 实现美化页面的效果. 能够做到页面的样式和结构分离. 1.2 CSS 的基本语法 选择器+{ 属性: 属性值; } 例如: <style> p { font-size : 10px; color : red; } </style> <p>你好</p> 1.3 CSS的使用方式
8.前端笔记-CSS-背景设置
虽然但是
11-25 5582
背景样式包括：背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等
web前端开发--------CSS基础教程
m0_64365419的博客
11-07 2771
为什么要学习CSS？ 在之前的学习中，我们学习了通过html去布局网页，但是html存在非常多的局限性，而它的局限性体现在它只关注内容的语义，html主要做结构，显示元素内容，比如<h1>表名这是一个大的标题，<p>表名这是一个段落，<img>表明这儿有一个图片，<a>表示此处有链接。 CSS简介： CSS是层叠样式表（Cascading Style Sheets）的简称，有时候我们也会将其称之为CSS样式表或级联样式表。 CSS同样也是一种标记语言，主要用于
HTML+CSS学习笔记（pink老师前端课程笔记--补档）
热门推荐
Tiimmi丶的博客
10-31 1万+
开始于2021年8月3日09点59分 课程学习路线：HTML5-> CSS3->H5C3提高->项目拼优购电商网站 仅更新到H5C3提高的C3提高部分（新增选择器），忙于其他事情，暂不继续更新 文章目录HTML1. HTML标签2. HTML基本结构标签3. 网页开发工具4. 标签语义5. 特殊字符6. 表格标签7. 列表8. 表单CSS基础1. 简介2. 选择器3. 字体属性4. 文本属性5. 引入方式6. chorme调试工具CSS入门1. Emmet语法1.1 快速生成HTML结
uni-app中的css3选择器使用
weixin_44433499的博客
05-30 4777
css3选择器使用 1.页面布局 <view> <view class="box"> <text>text组件</text> <view>我是一号</view> <view>我是二号</view> <view>我是三号</view> <view>我是四号</view> <view>我是五号</view> </
uni-app中的css3选择器
star_of_science的博客
08-04 1613
uni-app修炼之路（八）选择器 参考官方文档：https://uniapp.dcloud.io/frame?id=%e9%80%89%e6%8b%a9%e5%99%a8 选择器 目前支持的选择器有： 选择器 样例 样例描述 .class .intro 选择所有拥有 class=“intro” 的组件 #id #firstname 选择拥有 id=“firstname” 的组件 element view 选择所有 view 组件 element, element view, c
react-color颜色选择器
秋来九月八
03-02 8659
react框架下的一种颜色选择器组件，使用相对广泛。 点击前往react-color 的github react-color 使用方式 1安装 npm install react-color --save // 或 cnpm install react-color --save // 或 yarn add react-color --save 2typescript声明 如果你是使用typescript语言来编写代码，需要对react-color进行额外的声明。 在根目录下的src中，创建一个types的
03-CSS样式表和选择器
JayYuen的博客
10-06 3097
本文主要内容 CSS概述 CSS和HTML结合的三种方式：行内样式表、内嵌样式表、外部样式表 CSS四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器 CSS几种扩展选择器：后代选择器、交集选择器、并集选择器 CSS样式优先级 前言 现在的互联网前端分三层： HTML：超文本标记语言。从语义的角度描述页面结构。 CSS：层叠样式表。从审美的角度负责页面样式。 JS：JavaScri...
前端-CSS基础知识详解（二）
qq_52262831的博客
12-24 1982
目录： css属性 css元素溢出 css显示特性 盒子模型
pink_html5-css3:bilibili学成在线
03-24
CSS3是层叠样式表的第三次重大升级，带来了许多强大的新特性，如选择器的扩展、动画和过渡、多列布局、以及媒体查询等。这些特性使得网页设计更加灵活，能够实现响应式布局，适应各种设备的屏幕尺寸。 在“pink_...
pink老师htmlcss学习 - 学成在线案例
03-26
通过学习`style.css`，你可以了解到如何编写选择器、属性和值，以及如何组织CSS代码以实现响应式设计，即让网页在不同设备和屏幕尺寸上都能良好展示。 其次，`学成网首页.psd`是一个Photoshop文档，通常用于设计...
Apink-LUV.mp4
04-20
Apink-LUV.mp4
仿写pink老师html+css项目-品优购
04-07
在“仿写pink老师html+css项目-品优购”中，我们主要涉及的是网站前端开发，使用HTML和CSS这两种关键技术来构建一个电子商务网站的几个关键页面。下面将详细阐述这些知识点。 首先，HTML（HyperText Markup ...
pinknoise_pink-noise百度_粉红噪声_色噪声
09-11
标题中的"pinknoise_pink-noise百度"可能是指这个压缩包包含了与粉红噪声相关的资源或工具，可能是用于生成、分析或者研究粉红噪声的软件或数据文件。"粉红噪声_色噪声"进一步强调了主题，色噪声通常指的是除了粉红...
前端面试宝典【CSS篇】【5】
BDawn的专栏
08-06 213
CSS 选择器的优先级（也称为“特异性”或“specificity”）是指当多个 CSS 规则应用于同一个 HTML 元素时，哪个规则会被应用。CSS 的优先级机制确保了样式规则能够按照预期的方式生效。 在 CSS 中，一些属性是可以被子元素继承的，这意味着子元素会自动采用父元素的这些属性值。
websocket，css动画和css-position、display、区别
最新发布
qq_45852108的博客
08-08 500
websocket，css动画和css-position、display、区别
使用 CSS 打印样式为 Web 页面设置专业的打印机效果
08-07 661
对于有打印需求的网页，特别是文章的详情页，需要设置专门的打印样式来适配页面。CSS 打印样式允许你为网页设置专门用于打印的样式。文本就是专门介绍如何使用 CSS 打印样式为 Web 页面设置专业的打印机效果。
前端面试宝典【CSS篇】【4】
BDawn的专栏
08-06 612
盒子模型是 CSS 中用于描述 HTML 元素布局方式的一个概念。在 CSS 中，每个元素都被视为一个矩形盒子，这个盒子由几个不同的部分组成：内容区（content）、内边距（padding）、边框（border）和外边距（margin）。 box-sizing 属性是 CSS 中的一个重要属性，它用于定义元素的盒模型是如何工作的。 CSS Sprites（也称为 CSS 精灵或 CSS 雪碧图）是一种优化网页性能的技术，它将多个小图像合并成一个单一的大图像文件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值