css概念与简单的选择器

最新推荐文章于 2022-07-27 17:31:45 发布
最新推荐文章于 2022-07-27 17:31:45 发布
阅读量563 收藏
点赞数
分类专栏： 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/realDE/article/details/54582921
版权

css引入

  • 外链 进行文件缓存
  • 嵌入(style)
  • 内联

选择器

  • 属性选择器

    • input[disabled]{color:blue}
    • input[type="password"]{color:red} 　
    • [class~="classA"]{color:blue} class属性里面包含有classA
    • [href^=#]以#开头，$=jpg以jpg结尾
    • [class*="A"]包含有A字符串的类

  • 伪类选择器 正确顺序:link :visited :hover :active :focus

  • 选择器组合 AB,A B,A>B
Lalala这是我的小马甲哦
关注
专栏目录
CSS五大选择器之基础选择器（简单选择器）
少年听雨、的博客
04-21 713
CSS选择器 作用：css选择器用于选取要设置样式的HTML元素 我们可以将CSS选择器分为五类： 简单选择器（元素、id、类以及通配符：*） 组合选择器（通用兄弟、相邻兄弟、后代以及子选择器） 伪类选择器（ ：hover） 伪元素选择器（ ::after） 属性选择器（a[href] ） CSS选择器----简单选择器 CSS   元素选择器 元素选择器根据元素名称选择对应的HTML元素 p { color: red; } 选择页面所以 p 元素，设置他们的文本颜色
选择器的基本概念
qq_42731393的博客
02-25 3058
1.选择器：style标签中定义的属性具有选择作用域的功能，因此我们把这种属性称为选择器。 2.选择器的定义格式： 选择器名称{ 属性1名称：属性1值； 属性2名称：属性2值； … } 注意： * 每一对属性需要使用；隔开，最后一对属性可以不加； ...
CSS简单选择器
m0_61031325的博客
08-30 168
选择器的概念：所有HTML语言中的标记样式都是通过不同的CSS选择器来控制的，只需要通过选择对不同的HTML标签进行选择，并赋予各种样式声明，即可实现各种效果。一个HTML页面由很多不同的标记组成，CSS标记选择器用来声明哪些标记采用哪种CSS样式。因此，每一种HTML标记的名称都可以作为相应的选择器的名称。 CSS选择器包括：元素选择器、类选择器（class选择器）、id选择器、通配符标记 一：元素选择器 作用：元素选择器是指用HTML标签名称作为选择器 语法：标签名+{ CSS样式 } 举..
CSS教程之css选择器 、属性、值
10-30
本教程将深入探讨CSS选择器、属性以及值，帮助你更好地理解和应用CSS来美化你的网页。 首先，我们要了解CSS选择器。选择器是CSS的核心组成部分，它的主要作用是定位HTML文档中的特定元素，以便对这些元素应用样式。...
CSS属性简写和选择器的优先级问题
09-24
在CSS（层叠样式表）中，属性简写和选择器的优先级是两个关键概念，对于编写高效、简洁的CSS代码至关重要。属性简写允许开发者用更少的代码来设置多个相关的样式属性，而选择器优先级则决定了当多个规则应用于同一个...
微信小程序 CSS 选择器::after和::before的简单使用
03-29
前两天看文档看到选择器那块儿的时候，前面4个基本都能理解：.class，#id，element，element, element，但后面两个::after和::before（文档中说，分别表示在view 组件的后面和前面插入内容），表示有点没有理解。...
前端css选择器练习diner.zip
04-22
CSS选择器是CSS中的关键概念，用于定位和选择HTML或XML文档中的元素，进而应用样式。"前端css选择器练习diner.zip" 是一个针对CSS选择器学习和实践的资源包，名为"css-diner"。 在"css-diner"这个练习中，你可以...
CSS选择器-.pdf
02-28
CSS 选择器是 CSS 中最基本的概念之一，用于选择 HTML 元素并应用样式。 CSS 元素选择器是最常见的选择器，用于选择 HTML 文档中的元素，例如 p、h1、em、a 等。 根据 W3C 标准，元素选择器又称为类型选择器（type ...
JQuery选择器基本概念
XiaoDong的博客
11-16 577
1.jquery的选择器和 css 很相近 css中的选择器是用  .a{} 类选择器  #a{} 是id选择器 a{} 是标签选择器 当然 div a.a{} 也可以使用 div>a{} 来表示 2.选择器的容错性 即使页面没有这个元素，jQuery也不会报错 那么我们可以把一大堆jquery放到页面，减少了开发时间 3.选择器的种类 1.基本选择器 id选
简述CSS简单选择器
RJ0403的博客
11-19 523
一、选择器的作用 在css中，选择器是一种模式，用于选择需要添加样式的元素。 二、css基础选择器 1.元素选择器 匹配页面所有相同元素，即页面中相同的元素有相同的样式声明时使用 下面举个简单的例子 元素选择器的作用就是选择body中的所有p元素，让它们的内容变成金色。 2.ID选择器 一般做页面少用，主用于页面中某一个元素有特殊的样式声明 用法：#+ID的name 举例: ID选择器的作用就是选择body中的ID为one元素，让它的内容变成金色。 3、类选择器 同一个页面中任何元素（只需要clas
css选择器简单整理
小小的博客
11-20 534
简单整理关于css选择器的一些内容， 大体上直观以符号观察是：， —— 选择器分组 . —— 类选择器 # —— ID 选择器 [] —— 属性选择器 空格 —— 后代选择器 > —— 子元素选择器 + —— 相邻兄弟选择器一、元素选择器选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身：.e.g p {color:gray;}二、选择器分
选择器
licb9798的博客
09-10 161
一. 概念 选择器就是一串用于定位 dom 对象的字符串。 常用 id、class 名称、标签名作为选择器。 二. 基本选择器 id 选择器：使用 dom 的 id 定位。 语法：$("#id") class 选择器：使用 dom 对象的 class 样式名称定位。 语法：$(".class名称") 标签选择器：使用页面中的标签定位。 语法：$(“标签名称”) 所有选择器：选择当前页面的所有 dom 对象。 语法：$("*"); 组合选择器：使用 id、class、标签名称组合在一起使用。 语法：$(“i
CSS 元素选择器的基本概念（仅理论知识总结）
u011666204的专栏
03-06 415
1，普通的元素选择器和元素分组选择器 标签, 标签, 标签 {          样式:样式值;          样式:样式值;          样式:样式值;          } 当标签为 * 代表通配所有元素 2，类型选择器 1> 单类 原型  *.类名{  //注意点 样式:样式值; 样式:样式值;        } 代表所有标签使用了这个类  样
CSS常见选择器简单整理
weixin_43147887的博客
07-27 308
CSS常见选择器简单整理
CSS 选择器，一篇就够了
陈坚泓的博客
03-07 593
CSS 选择器，一篇就够了简介简单选择器类型选择器（又名：元素选择器）类选择器（Class selectors）ID 选择器通用选择器（Universal selector）组合器（Combinators）属性选择器存在和值（Presence and value）属性选择器子串值（Substring value）属性选择器伪类和伪元素伪类（Pseudo-class）伪元素推荐阅读 你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特 《人生果实》经典语录 简介 选择器是 CSS 规则的一部分且位于
什么是选择器
忆_恒心的博客
03-12 1748
什么是选择器？每一条css样式声明（定义）由两部分组成，形式如下：选择器{    样式;}在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。 类选择器类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。语法：.类选器...
CSS基本语法及简单选择器
weixin_52629592的博客
06-19 164
这里可将CSS语法大致分为两类: 选择器和声明块选择器: 通过选择器可以选中页面中的指定元素 例如:通过p可以选择页面中的所有元素声明块: 通过声明块来指定要为元素设计的样式声明块又一个一个的声明组成: 例如: color : red ;声明是一个名值对结构 一个样式名对应一个样式值,名值之间以 : 连接.以 ; 结尾这里有多选择器可用来选择页面中的元素,下面哦们一一介绍:作用: 根据标签名来选中指定的元素语法: 标签名{ }栗子: p{ } h1{ } div{ } 使用元素选
CSS3选择器详解与实例
"这篇内容主要介绍了CSS3选择器的基本概念和使用方法，包括基本选择器、多元素的组合选择器以及CSS2.1属性选择器。" 在网页设计和开发中，CSS（层叠样式表）是用于控制网页元素样式的重要工具。CSS3选择器的引入，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值