CSS入门选择器

news/2024/10/22 14:37:01/

CSS中,基本的选择器有通用选择器、标签选择器、类选择器和id选择器。
1.通用选择器
使用“*”来定义通用选择器,通用选择器的意义是对所有元素生效。

2.标签选择器
标签选择器,顾名思义,我们可以通过标签名对此标签对应的所有元素的样式进行设置。

3.类选择器
类选择器需要集合标签的class属性进行使用,我们可以在标签中添加class属性来为其设置一个类名,类选择器会将所有设置对应类名的元素选中,类选择器的使用格式为“.className”。

4.id选择器
id选择器和类选择器类似,id选择器会通过标签的id属性进行选择,其使用格式为“#idName”。

除了上面列举的4种CSS基本选择器外,CSS选择器还支持组合和嵌套,例如我们要选中如下代码中的p:
<div><p>div中嵌套的p</p></div>​​
可以使用后代选择器:

div p {
color: cyani

对于要同时选中多种元素的场景,我们也可以将各种选择器进行组合,每种选择器间使用逗号分隔即可

 .p2,#p3 {
font-style:italic;


http://www.ppmy.cn/news/429772.html

相关文章

瑞数vmp系列

经过一个月的不懈努力&#xff0c;瑞数vmp网站都通用了&#xff0c;专利商标需要联系&#x1f9d0;

Vpro取图

#方法1 private ICogFrameGrabber mFrameGrabber null;private ICogAcqFifo mAcqFifo null;private void InitializeAcquisition() { // 步骤 1/4 - 创建 CogFrameGrabbers 图像采集卡CogFrameGrabbers mFrameGrabbers new CogFrameGrabbers();if (mFrameGrabbers.Count<…

RISC-V系列

RISC-V RISC-V RISC-V 从头开始研究RISC-V CPU已经有一段时间&#xff0c;今天总结一下前段工作的感想。RISC-V代码并不复杂&#xff0c;但是软件生态离ARM还是相差很远。折腾环境花了很多时间。verilog加C代码&#xff0c;软硬件联调更是原始&#xff0c;以后慢慢把这些坑都填…

RISC-V 处理器出货 100 亿颗,与X86、ARM形成三足鼎立之势

关注星标公众号&#xff0c;不错过精彩内容 来源 | OSC开源社区 前不久&#xff0c;OSCHINA 和 Gitee 联合发布了《2022 中国开源开发者报告》&#xff0c;其中&#xff0c;提到了关于 RISC-V 的几点内容。 凭借指令精简、模块化、可扩展、开源的优势&#xff0c;RISC-V 架构在…

vPro里面的v代表什么意思?

Intel的vPro品牌现在也算是有头有脸、名声在外了&#xff0c;不过不知道大家有没有考虑过vPro本身的含义呢&#xff1f;“Pro”比较好理解&#xff0c;就是 “Professional”&#xff0c;意思是说这是专业版本&#xff0c;类似与“Windows XP Professional”里面的Professional…

RISC-V基本介绍

文章目录 前言一、命名规范二、模块化ISA三、一些概念1. 指令格式2. 寄存器3. 特权级别4. CSR&#xff08;控制和状态寄存器&#xff09; 四、学习资料1. 官方资料2. 开发参考 总结 前言 RISC-V作为目前大火的开源指令集架构有着自己的独特魅力&#xff0c;本文将对其基本情况…

2017年最受欢迎的十大开源黑客工具

过去的2017年&#xff0c;对于大多数信息安全从业人员来说是无话可说的一年&#xff0c;充斥各种狗血的开脑洞的剧情&#xff0c;可以出问题的地方全部都出了问题&#xff0c;从MongoDB数据库、到WiFi安全协议、英特尔处理器漏洞、到NSA的超级武器包、僵尸摄像头、会挖矿的海盗…

英特尔vPro博锐技术激活

英特尔vPro博锐技术激活 参考: Intel官方Management Engine BIOS Extension (IntelMEBX)手册:http://www.intel.com/content/dam ... ide_for_7series.pdfIntel官方AMT快速指南:https://communities.intel.com/ex ... yment_Guide_1.1.pdf 软件环境:个人玩玩,不需要下述…