1、标签选择器:选择器的名字代表html页面上的标签 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。 举例: 代码语言:javascript 复制 p{font-size:14px;}css 再比如说,我想让“学完了安卓,继续学前端哟”这句话中的“前端”两个变为红色字体,那么我可以用标...
#runoob {width:200px;} 属性选择器(Attribute Selector):通过元素的属性选择 HTML 元素。属性选择器可以根据属性名和属性值进行选择。 如下代码,input[type="text"]选择器将选择所有type属性为"text"的 元素。 input[type="text"]{border:1pxsolid gray;} 后代选择器(Descendant Selector):通过指定元素的后代...
1.1 基础选择器 通配符（*）选择器 语法：*{属性：属性值；} 说明：*表示页面中所有的元素（标签），我们常用来重置样式。实例：*{ margin: 0;padding: 0;} 标签（元素）选择器 语法：标签名{属性：属性值；} 说明：标签选择器就是使用结构中元素名称直接作为选择符。实例：div{ width: 100px;height: 100...
通用兄弟选择器使用波浪号(即通用兄弟组合符)来选择在第一个选择器之前的所有元素,而不要求它们是第一个选择器的直接兄弟元素。 猫头鹰选择器 猫头鹰选择器用于选择所有具有前置兄弟元素的元素,用来在一个容器内的元素之间添加间距,但不包括第一个元素,因为第一个元素没有前置兄弟元素。 属性选择器 属性选择器用于选...
1、标签选择器 结构:标签名{css属性名:属性值} 作用:通过标签名,找到页面中所有的这类标签,设置样式 注意:1.标签选择器选择的是一类标签,而不是单独的一个 2.标签选择器无论嵌套关系有多深,都能够找到对应的标签 p{color: red; }标签选择器 2、类选择器 结构: .类名{css属性名:属性...
一、元素选择器 元素选择器是最基本的选择器，它根据HTML元素的名称来选择应用样式。例如，如果你想为页面中的所有段落设置样式，你可以使用p元素选择器。css复制代码p {color: blue;font-size: 16px;} 在这个例子中，所有标签内的文本都将显示为蓝色，字体大小为16像素。元素选择器的优点是简单直观，但缺点是它...
CSS 选择器用于选择 HTML 元素并将样式应用于它们。使用这些选择器,可以定义特定条件下应用哪些样式。除了普通的选择器外,还有伪类和伪元素,用于选择具有特定状态或特定部分的元素,并将样式应用于它们。本文将通过图文并茂的方式展示这些选择器的使用方法!
1.元素选择器 通过标签名可直接选取到元素 例如:div{},p{},ul{}等等 2.类选择器 通过class类选取到元素,可以选取到多个元素,只要给想要添加这种类名的元素添加上class类,就可以不用反复写相关的样式 例如:.className 记住要添加点号(.) 3.id选择器 ...
交集选择器语法 :两个基础选择器之间没有空格 ; 代码语言:javascript 复制 基础选择器1基础选择器2{属性名称1:属性值1;属性名称2:属性值2;属性名称3:属性值3;} CSS 基础选择器 : 标签选择器 类选择器 ID 选择器 通配符选择器 2、代码示例 下面是 交集选择器 , 获取 p标签选择器 与 .red类选择器 交集元...