css标签选择器（2）

最新推荐文章于 2023-08-04 11:11:48 发布
最新推荐文章于 2023-08-04 11:11:48 发布
阅读量83 收藏
点赞数
分类专栏： java  web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45807622/article/details/108986685
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*序选择器*/
			p:first-child{
				background-color: red;
			}
			b:last-child{
				background-color: blue;
			}
			/*nth第几个*/
			/*odd表示奇数位置*/
			/*even 偶数位置*/
			/*xn+y*/
			p:nth-child(odd){
				background-color: green;
			}
			/*nth-last-child倒数第几个*/
			P:nth-last-child(2){
				background-color:darkcyan;
			}
			/*当前类型的第一个*/
			p:first-of-type{
				background-color: pink;
			}
			/*当前这个类型的最后一个数据*/
			p:last-of-type{
				
			}
			/*nth-of-type */
			/*only-child只有一个*/
			li:only-child{
				background-color: yellow;
			}
			
			
			
			
			
			
		</style>
	</head>
	<body>
		<!---->
		<p>第一个数据</p>
		<p>第二个数据</p>
		<b>第三个数据</b>
		<p>第四个数据</p>
		<b>第五个数据</b>
		<ul>
			<li>唯一的列表</li>
			<li>22222222222222</li>
		</ul>
	</body>
</html>
knowledge...
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 标签选择器
ivenqin的博客
09-04 2517
本节我们来学习 CSS 中的选择器，选择器是 CSS 里面一个很重要的概念，HTML 中的所有标签样式，都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器，就可以对不同的 HTML 标签进行选择，并指定各种样式声明。 在 CSS 中三三种最基本的选择器，分别是标签选择器、类选择器（class）、ID选择器。本节我们来讲标签选择器，标签选择器是 CSS 中最常见的选择器。像前面几节中，我们举例时用到的都是标签选择器。 通过前面的学习我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部
css 元素选择器的简单实例
09-24
CSS元素选择器的使用不仅仅限于单个标签，还可以结合类选择器（`.class`)、ID选择器 (`#id`)、伪类（`:hover`, `:active`, `:focus`等）和属性选择器 `[attribute]`等，实现更复杂的样式控制。例如，如果我们只想让...
CSS-标签选择器
xxx857857857的博客
09-20 4913
介绍CSS中的选择器有哪些
CSS的选择器(超详细)
热门推荐
前端开发,HTML5,css3,JavaScript,node.js,vue
11-21 7万+
一、常用的选择器 1.元素选择器 2.类选择器(class选择器) 3.id选择器 4.通配符选择器 二、群组选择器 三、关系选择器 1.后代选择器 2.子代选择器 3.相邻兄弟选择器 4.通用兄弟选择器 5.案例 四、属性选择器 五、伪类选择器 1.常用的伪类选择器 2.否定伪类 3.元素的伪类 六、伪元素选择器
CSS|标签选择器
Alan_Lowe
07-25 3343
CSS|标签选择器 1.简介 选择器的作用是选择页面上的某一个或者某一类元素 基本选择器： 标签选择器 类选择器 id选择器 2.标签选择器 CSS文件： /* 标签选择器 会选择到页面上所有的该标签元素 */ h1{ color: red; background-color: aqua; border-radius: 10px; } HTML文件： <!DOCTYPE html> <html lang="en"> <head> &
css的父选择器
Cribug8080的博客
05-22 4万+
css的父选择器 首先声明一点，目前没有css的父选择器。新出的css3也没有。但是已经有很多人有很多次提案了。 反向选择 在2008年Shaun Inman建议这种父选择器。 a < img{ border: none; } 这段css的目的是选择img元素的a标签。 parent Remy Sharp建议使用:parent a img:parent { background: ...
CSS选择器优先级
qq_46133833的博客
04-30 5万+
CSS选择器优先级 （1）CSS选择器都有权重值，权重值越大优先级越高。 内联样式表的权重值最高，值为1000。 id选择器的权重值为100。 class选择器的权值为10。 类型（元素）选择器的优先级为1。 通配符选择器的优先级为0。 （2）当权值相等时，后定义的样式表要优于先定义的样式表。 （3）在同一组属性设置中表有**“!important"**规则的优先级最大。 后代选择器 CSS后代选择器指为某标签元素内的特定后代标签元素来定义其样式。在CSS后代选择器中，规则左边的选择器一端包含两个或多个
CSS - 选择器
伏城之外的博客
07-12 5223
选择器的作用 选择标签，并给其加样式 如果不用选择器，我们一般会直接在对应标签加行内样式，但是这种方式会造成HTML结构和样式严重耦合，不利于后期修改。所以CSS推出了选择器，来让HTML的结构和样式彻底解耦。 选择器 *选择器 选择所有标签 标签选择器 选择固定标签名的标签 class选择器 选择带指定class的标签 id选择器 选择带指定id的标签 伪类选择器 a标签伪类 超链接有四种状态 a:link ...
CSS中所有选择器详解
杨杨吖的博客
08-04 8326
作用：通过id属性值，找到页面中带有这个id属性值的标签，并设置样式。作用：通过类名，找到页面中所有的带有这个类名的标签，并设置样式。作用：通过标签名，找到页面中所有的这类标签，并设置样式。作用：找到页面中所有的标签，然后设置样式。作用：选中页面中同时满足多个选择器的标签。作用：同时选择多组标签，设置相同的样式。作用：选中含有指定属性和指定属性值。作用：选中含有指定属性和指定属性值。作用：选中含有指定属性的元素。作用：选中含有指定属性和。作用：选择某元素后面的。作用：选中指定属性和。
CSS之选择器
weixin_45604020的博客
06-22 3721
选择器是选取需设置样式的元素的模式，用来指定网页上我们想要样式化的HTML元素。
css选择器有哪些？
weixin_47450807的博客
04-04 1万+
一、写在前面 css选择器有很多，但是常用到的也就几个，今天总结一下。 二、具体选择器 2.1、id选择器 #myId {} 2.2、类选择器 .myClass {} 2.3、标签选择器 p,h1 {} 2.4、后代选择器 div h1 {} 2.5、子选择器 div>h1 {} 2.6、兄弟选择器(所有的兄弟) ul~h1 {} 2.7、相邻兄弟选择器 ul+h1 {} 2.8、属性选择器 li[name='sss'] {} 2.9、伪类选择器 h1:hover {} 2.10 h
CSS教程 CSS选择器
09-25
- **标签选择器**：通过HTML元素的标签名来选择元素，如`p`选择所有的段落元素。示例：`p {font-size: 12px;}`。 - **ID选择器**：使用`#`加ID名称选择特定的元素，ID在每个页面中应是唯一的。例如：`#one {font-...
十种CSS选择器详解介绍
最新发布
01-31
#### 二、标签选择器 - **定义**: 使用HTML标签名称作为选择器，可匹配所有该标签类型的元素。 - **示例**: ```css p { color: blue; } ``` - **用途**: 对特定类型的标签进行统一的样式设置。 - **注意事项**...
css选择器中有小数点的标签获取方法
09-24
主要介绍了css选择器中有小数点的标签获取方法,需要的朋友可以参考下
css 选择器 介绍
09-27
1. **标签选择器**： 标签选择器基于HTML元素的标签名称，如`<p>`、`<h1>`等。通过在花括号前写上元素的标签名，你可以定义该标签的所有实例的样式。例如，`p {color: blue;}`将使页面上所有段落文字变为蓝色。 2....
实现在jsp页面添加滚动条
weixin_45807622的博客
12-19 5465
.h{ overflow-y: scroll; padding-right:10px; height: 600px; } 只需要在jsp页面添加一个class属性为h即可
多肉商店的web
weixin_45807622的博客
09-12 1882
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="css/succulent.css" /> <title>多肉商城</title> </head> <body> <!--广告栏--> <header&gt
html音乐播放器
weixin_45807622的博客
09-02 699
利用HTML做音乐播放器 先创建一个HTML文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <!--加注释ctrl+/--
利用数据库实现对显示全部学生的信息和依照sid进行删除
weixin_45807622的博客
10-14 626
记得要导入MySQL的jar 创建index.jsp文件利用超链接 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My JSP 'index.jsp' s
css标签选择器
05-26
CSS 标签选择器是 CSS 中最常用的选择器之一，它通过 HTML 标签名来选择元素，如下所示： ```css 标签名 { 属性: 值; } ``` 例如，如果要选择所有的段落元素，则可以使用以下代码： ```css p { color: red; font-size: 16px; } ``` 这将会把所有的 `<p>` 标签的文本颜色设置为红色，并且字体大小为 16 像素。 除了标签名之外，还可以通过类选择器、ID 选择器、属性选择器等来更精确地选择元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值