css选择器first，css三种选择器的特点_CSS学习

资料来源：网络整理时间：2023/3/4 1:44:07 共计：3576 浏览

1、css选择器first，css三种选择器的特点？

css选择器的类型分为3类:标记选择器、类别选择器和ID选择器。

（可能名称有不同的说法，但意思都是一样的）标记选择器是利用HTML的标记直接定义标记内容的样式，如：h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器，定义的时候要在名称前加.如：.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW写CSS的时候，高级就是上面说的ID选择器，ID选择器的名字可以任意命名，可以自己定义，可是标签就只能是HTML语言里制定的那些标记，不能自己定义。

2、CSS选择器first？

.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点，你前面有个content所以会失效

你把这里的span去掉和加上再看效果就明白了

3、类型选择符用什么标记？

类选择符：自己定义的包含多条样式的集合，以“.”开头。可以在页面中重复使用该样式。如：.aaa{ ……}类型选择符：定义HTML固有标签的样式。前面不加“.”例如：p{ ……}ID选择符，和类选择符格式相同。区别在于以“#”开头,而且ID是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容例如：#aaa{ ……}通配符，顾名思意：对页面内所以标签都生效。其名称必须为“*”。例如：*{ ……}伪类：常用的有四个、即A标签里的四个状态（a:link a:visited a:hover a:active）。

其他的如:lang :focus等不常用，也存在兼容问题。

4、使用css3的属性选择器设置搜索？

通过设置搜索框的width属性和heoght属性来设置搜索框的大小。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css选择器汇总整理，元素类名与类名元素有什么区别_CSS学习 | ·下一条：哪个网站PPT的模板或者素材是免费的_CSS学习