1、标签选择器:选择器的名字代表html页面上的标签 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。 举例: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 p{font-size:14px;}css 再比如说,我想让“学完了安卓,继续学前端哟”这句话中的“前端”两个...
通用兄弟选择器使用波浪号(即通用兄弟组合符)来选择在第一个选择器之前的所有元素,而不要求它们是第一个选择器的直接兄弟元素。 猫头鹰选择器 猫头鹰选择器用于选择所有具有前置兄弟元素的元素,用来在一个容器内的元素之间添加间距,但不包括第一个元素,因为第一个元素没有前置兄弟元素。 属性选择器 属性选择器用于选...
ID 选择器(ID Selector):通过元素的唯一标识符(ID)选择 HTML 元素。 ID 选择器以#开头,后面跟着 ID 名称。 如下代码,#runoob选择器将选择具有 ID 为"runoob"的元素。 #runoob {width:200px;} 属性选择器(Attribute Selector):通过元素的属性选择 HTML 元素。属性选择器可以根据属性名和属性值进行选择。 如下...
.a,.b{逗号指相同的css样式};.a .b{空格指后代元素};.a>.b{大于号指子代元素} css中“+”是: A+B{}这个+是选择相邻兄弟,称作“相邻兄弟选择器” A+B表示HTML中紧随A的B元素(必须紧跟A后面,A前面无效):用一个结合符只能选择两个相邻兄弟中的第二个元素,而且二者有相同的父元素,可以使用相邻兄弟选择...
~(波浪号):A ~ B表示选择A标签后的所有B标签,但是A和B标签必须有相同的父元素。 ~(加号)加号又被称作兄弟选择器。A+B表示选择紧邻在A后面的B元素,且A和B必须拥有相同的父元素,所选到的仅为一个B元素标签。 >(大于号)大于号表示某个元素的下一代元素。A>B指选择A元素里面的B元素,其中B元素是A元素的...
* 通用选择器 选择每个元素 . 类选择器 选择class 属性值相同或包含的每个元素 # id选择器 选择id 属性值相同的每个元素 (元素) 元素选择器 选择每个特定元素 (没有空格) 叠加选择器 选择同时满足多个条件的每个元素 (空格) 后代选择器 选择所有特定元素内的每个特定后代元素 , 分组选择器 选择满足某一个条件...
CSS选择器知识点整理 1、class 和 id 的使用场景? id:指定标签的唯一标识。根据提供的唯一id号,快速获取标签对象。如:document.getElementById(id)。id属性的值,在当前的page页面要是唯一的。 class:指定标签的类名。CSS操作,把一些特定样式放到一个class类中,需要此样式的标签,可以在添加此类。
一、元素选择器 元素选择器是最基本的选择器，它根据HTML元素的名称来选择应用样式。例如，如果你想为页面中的所有段落设置样式，你可以使用p元素选择器。css复制代码p {color: blue;font-size: 16px;} 在这个例子中，所有标签内的文本都将显示为蓝色，字体大小为16像素。元素选择器的优点是简单直观，但缺点是它...
注意：起id名时不能用关键字（所有标签和属性都是关键字），并且一个id名称只能对应文档中一个具体的元素对象，因为id的特殊性，只能代表页面中某一个唯一的元素对象，就好比我们的身份证号，一个人只能对应一个唯一的id。1.2 结构选择器 后代（包含）选择器 语法：选择器1（父） 选择器2（子）{属性：属性值...