龙空技术网

HTML/CSS选择符总结

慕课网 1321

前言:

现时看官们对“css怎么选择id”大概比较关怀,我们都需要剖析一些“css怎么选择id”的相关知识。那么小编也在网摘上搜集了一些关于“css怎么选择id””的相关内容,希望小伙伴们能喜欢,同学们快快来了解一下吧!

用于选择特定元素的选择符分为三种:

①.上下文选择符:基于祖先或同胞元素选择一个元素。

②.ID和类选择符:基于id和class属性的值(你自己设定)选择元素。

③.属性选择符:基于属性的有无和特征选择元素。

上下文选择符的格式:

标签1 标签2 {声明} 其中,标签2是我们想要选择目标,而且只有在标签1是其祖先元素(不一定是父元素)的情况下才会被选中。用于选择作为指定祖先元素后代的标签。

特殊的上下文选择符:

a.子选择符> 格式:标签1>标签2(标签2必须是标签1的子元素)

b.紧邻同胞选择符+ 格式:标签1+标签2(标签2必须紧跟在其同胞标签1的后面)

c.一般同胞选择符~ 格式:标签1~标签2(标签2必须跟(不一定紧跟)在其同胞标签1的后面)

d.通用选择符* 通配符,它匹配任何元素。

ID和类选择符:

类选择符:

1.类选择符 格式:.类名

2.标签带类选择符(把标签名和类选择符写在一块)

eg:<p class="specialtext">愿无岁月可回头,且以情深共<em>白头</em>。</p>

css:p.specialtext{color:red;}

p.specialtext span{color:blue;}

3.多类选择符

eg:<p class="specialtext featured">愿无岁月可回头,且以情深共白首</p>

css:.specialtext.feaured{font-size:120%;}

属性选择符:

①.属性名选择符:标签名[属性名](选择任何带有属性名的标签名)

②.属性值选择符:标签名[属性名=“属性值”]

标签: #css怎么选择id