css的选择符

最新推荐文章于 2022-01-18 23:16:25 发布
最新推荐文章于 2022-01-18 23:16:25 发布
阅读量71 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suifeng_erqu/article/details/113886997
版权

css

css的选择符
属性选择器
1.匹配a标签中属性为b的采用此样式在这里插入图片描述
2.匹配a标签中属性的值是以b开头的采用此样式
在这里插入图片描述
3.匹配a标签中b属性的值是以c字母结束的采用此样式
在这里插入图片描述
4.匹配a标签中b属性的值中包含c字母采用此样式
在这里插入图片描述
5.匹配a标签中b属性的值有c字母结束的采用此样式
在这里插入图片描述
6.匹配a标签中b属性的值为c的采用此样式!
在这里插入图片描述
结构性伪类选择器
1.a标签中第一行内行采用此样式
在这里插入图片描述
2.a标签中第一个字母采用此样式
在这里插入图片描述
3.在a标签之前添加此内容采用此样式在这里插入图片描述
4.在a标签之后添加此内容采用此样式
在这里插入图片描述
5.a标签中第一个儿子b采用此样
在这里插入图片描述
6.a标签唯一的一个儿子b采用此样式
在这里插入图片描述

梦醒时见你
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css选择符
weixin_46331127的博客
06-07 674
选择符一、标签名选择符二、ID选择符三、 类选择符四、伪类五、属性选择符六、组合七、 外联样式表 一、标签名选择符 eg： <head> <title>学习CSS</title> <style type="text/css" > p {color : red;} </style> </head> <body> <p>段落1</p> <p
css 选择符介绍
weixin_52915467的博客
09-24 3916
一，css选择符分类 css选择符分为很多类，包括：类型选择符，class选择符，id选择符，通用选择符，分组选择符，包含选择符，元素指定选择符，子对象选择符，属性选择符，下面我们来一一讲解 1.类型选择符 类型选择符是指以文档对象模型（DOM）作为选择符，即选择某个HTML标签为对象，设置其样式规则。类型选择符就是元素本身，定义直接使用元素名称 格式： body{css代码} 2.类选择符 使用类选择符可以吧相同的标签定义为不同的样式。吐过你希望同一种标签在不同的地方使用不同的样式，就可以先定义两个类在应
CSS选择器（选择符）
Blue_lan18的博客
01-18 450
选择器（选择符）的作用就是根据不同需求把不同的标签选出来。 选择器分为基础选择器和复合选择器。 基础选择器是由单个选择器组成的。 类选择器有包括：标签选择器、类选择器、id选择器、和通配符选择器。 ...
css基础知识+css选择符（元素选择符、关系选择符）
On my way
04-07 1579
首先介绍在HTML文件中导入CSS文件的几种方式： 1、行内样式：<p style="color:red">行内样式使用css</p> 2、页内样式：在head标签里设置<span style="font-size:18px;"><head> <style> p{ color:red } </style> </head> <body> <p>页内使用css样式</p> </body></span
html常见标签及选择符优先级
Raquel1993
07-19 2790
标签 div            块 img           图片（单标签） a               链接、下载、锚点 h1-h6        标题 p               段落 strong       强调（粗体） em            强调（斜体） span          区分样式 ul              无序列表 ol    
CSS 选择符的用法和实例
09-25
本篇文章将详细解释CSS 选择符的用法，并通过实例来帮助理解各个选择符的功能。 1. 类型选择符（Type Selectors） 类型选择符基于HTML或XML元素的标签名来选取元素。语法为`E1`，其中`E1`是元素的标签名。例如，`...
CSS选择符说明
10-30
### CSS选择符说明 #### 一、类型选择符 类型选择符是最基本的选择符类型，它直接使用HTML标签名称作为选择标准。例如： ```css body { font-size: 12px; } ``` 上述代码表示将整个`<body>`标签内的文字大小...
css选择符类型详细介绍
09-25
主要介绍了css选择符类型详细介绍，包括标签选择符、类选择符、ID选择符、包含选择符、通配选择符、选择符分组、标签指定式选择符、组合选择符,需要的朋友可以参考下
CSS基础 CSS选择符
10-30
选择符分类介绍1.通配选择符 语法： * { sRules } 说明： 通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。 假如通配选择符不是单一选择符中的唯一组成，“*”可以省略。
CSS选择符.docx
03-29
下面将详细讲解各种CSS选择器的用法和特点。 1. 类型选择符（标签选择器） 类型选择符是最基础的选择器，直接使用HTML标签名作为选择器。例如，`p{color: blue;}`将使页面中所有段落`<p>`的文本颜色变为蓝色。这类...
常用的css选择符,CSS选择器五大基本选择符
weixin_35621342的博客
08-04 2025
原标题：CSS选择器五大基本选择符1. *(通配符)*通配符选择器，经常用于css reset(样式重置)，清理标签的默认样式，但现在一般不提倡直接使用*了，主要是*会匹配所有标签，相当耗资源。*在css的优先级中是最低的。* {margin: 0; padding: 0;} 也可以用*来匹配某一元素下的所有子元素：#container * {border: 1px solid black;}2....
CSS标签选择器
热门推荐
奋斗吧 自己的路跪着也得走
07-04 1万+
1.什么是标签选择器？ 作用：根据指定的标签名，在当前界面中找到所有该名称的标签，然后设置属性。 格式： 标签名{ 属性：值； } 注意点： 1. 标签选择器选定的是当前界面中所有该名称的标签，而不能单独选定某一标签； 2. 标签选择器无论标签藏得多深都能找到； 3. 只要是HTML中的标签都可以作为标签选择器。 2.id选择器 作用：根据指定的id名称找到对应的标签
CSS--选择符大全（常用css选择符）
weixin_30299539的博客
02-11 968
（一）元素选择符 E（某个元素,如p） id（使用id，如#idName） class（使用class，如.myclass） 通配符：* （二）关系选择符 包含选择符:E F（E所有的F包含子代，孙代，子子孙孙等等） 子选择符:E<F（与包含不同的是，子选择符仅限于子代） 相邻选择符:E+F（和E相邻的F，相隔一个都不算） 兄弟选择符:E~F（和E同级的F的算） （三）属性选择符: ...
CSS 选择符
weixin_45730243的博客
09-16 421
CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？ 1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul > li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[rel = “external”]） 9.伪类选择器（a: hover, li:nth-child） 可继承的样式： font-size font-fam
H5面试----CSS 选择符有哪些
新博客地址：blog.songchunmin.com
07-25 1296
CSS 选择符有哪些
CSS 标签选择器
ivenqin的博客
09-04 2511
本节我们来学习 CSS 中的选择器，选择器是 CSS 里面一个很重要的概念，HTML 中的所有标签样式，都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器，就可以对不同的 HTML 标签进行选择，并指定各种样式声明。 在 CSS 中三三种最基本的选择器，分别是标签选择器、类选择器（class）、ID选择器。本节我们来讲标签选择器，标签选择器是 CSS 中最常见的选择器。像前面几节中，我们举例时用到的都是标签选择器。 通过前面的学习我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部
css选择符有哪些
weixin_43853424的博客
02-18 7264
1：id选择器（#myid）; 2:类选择器（.myclassname）; 3:标签选择器（div,h1,p）; 4:相邻选择器（h1+p）; 5:子选择器（ul&lt;li）; 6:后代选择器（li a）; 7:通配符选择器（*）; ...
css标签选择器，类选择器
haha_hello的博客
02-09 2788
一，类选择器<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>10-css类选择器.html</title> <!-- 类选择器,根据指定class找到对应的标签,然后设置属性 1,格式: .类名{ 属性:值
CSS常用选择器
forever_wen的博客
09-28 9592
CSS （层叠样式表） 编辑 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值