首页 > html

html 并集选择器怎么写


⓵各类选择器的类型与区别
兄弟选择器:选择任意两个元素,用逗号分隔
后代选择器:选择子元素中的一个元素,用空格分隔(如下图,可以选择类name1并同时选择类名2)[后代选择器用空格表示,后代选择器用>表示]这样选择后,后代的后代也会被选中
当一个选择器被触动,另一个也会改变~(如下图)
类选择器:.+命名选择器的名称
标签选择器:成为选择器。 再次元素选择器
通配符选择器:通常,如果未设置,则会更改整个正文。 主要用于取消外边距和内边距
》》》子选择器与子选择器的区别:
》》用法:
子选择器:
》》书写差异:
子选择器:
祖先元素子元素child{
子选择器:
父元素>子元素{
》》用法区别:
》后代选择器可以选择祖先元素的所有子元素
》后代选择器只能选择祖先元素的一代,即有父子关系的元素
》只有父子关系系统时,两种形式都可以写
》有时候即使不是一代继承,也可以将所有后代元素都放在后代元素中,因为有些css样式集可以被颜色等后代继承;
联合选择器和交集选择器:
》》联合选择器:
选择对应的元素同时到多个选择器。 contains这些选择器的所有元素都可以设置
》》交集选择器:
这是一个既包含这个元素又包含另一个元素的选择器,同时,if。 该元素存在的条件同时满足,
选择满足多个条件的选择器。 也就是说,只有满足这些简单选择器并且同时存在,才会有的属性。 设置这个选择器对应的元素:
Selector1Selector2Selector3{
类选择器fake:
:hover(移动手指)
:active(设置点击链接时的状态)
:nth-of-child(n)(表示带有伪类选择器的祖先元素将选择子元素)
一般来说n是一个数字,也可以是一个代数表达式。 为代数表达式时,n从0变化
括号为偶数时为偶数
括号为奇数时为奇数
:first-child:第一个子元素
:last-child:最后一个子元素
:visited(访问后链接)
:link(链接未访问过)
>伪元素选择器:
::before(主要是在select元素之前添加内容,必须包含content="")
::after(主要是在选择的元素后添加内容,属性必须包含content="")

::first-letter(选择第一个字母)
::first-line(选择单词的第一行)
伪元素可以用来创建对话框,解决折叠高度和创建水印的问题
>属性选择器:
一般是一些标签的属性,主要目的是对名称进行一些特殊的选择一些选择器。 有些选择名称前面的内容,有些选择名称结尾的内容,有些选择名称包含的字段。
⓶谈谈CSS中的几种选择器

今天这篇文章主要讲CSS中的多个选择器。 有需要的朋友可以参考一下。

1。 通配符选择器通配符选择器用“*”表示。 它是所有选择器中范围最大的,可以匹配页面上的所有元素

/*设置所有标签当前页面的颜色为红色*/*{color:red;
}2。 标签选择器
标签选择器选择当前页面同名的标签
/*设置所有p标签的文本颜色为红色*/p{color:red;
}3.ID选择器
ID选择器以“#”后跟ID名称来标识
{:;
}这是标题

注意ID中的属性值HTML标记在页面内必须是唯一的(这是W3C规范,而不是硬性规定)。
ID选择器的命名约定
只允许使用字母(大小写,严格区分)、下划线和数字。 换句话说:id="Head"和id="head"不冲突
只允许以字母开头。
名称没有长度限制。 它可以由一个或多个字母组成。 不过,不建议设置得太长。
不允许使用标签名称(不是严格规则)。 )
4。 类选择器类选择器选择与页面上所有标签的类属性值相同的一类标签,用(点)表示
{:;
}这是标题1

This是标题2。 一个标签可以包含多个类选择器,在类标签中用空格分隔。
.head{color:blue;
}.subHead{font-size:50px;
}这是标题25.复合选择器
5.1交集选择器也称为A标签-特定选择器由两个选择器组成,第一个是标签选择器,第二个是类选择器或ID选择器。 两个选择器之间不能有空格,例如B.
特殊/。 *必须满足标签为h3且具有特殊类*/或
p#one/*必须满足标签为p且ID为1*/5.2、联合选择器
联合选择器为任意选择。 选择器之间用逗号连接(包括标签选择器、类选择器、ID选择器等),作为联合选择器的一部分。 如果某些选择器定义的样式完全相同或部分相同,则可以使用联合选择器为它们定义相同的CSS样式
/*为标签h3和类box的元素设置样式相同时间*/h3,.box{color:red;font-size:14px;
}5.3.后代选择器
后代选择器用于选择一个元素或一组元素的后代,方法是将外部标记写在前面,内部标记写在后面,用空格分隔。 当标记嵌套时,内部标记成为外部标记的后代(后代不仅包括儿子,还包括孩子和孙子)。

返回顶部