css元素选择器实例，CSS选择器first_CSS学习

资料来源：网络整理时间：2023/3/4 1:06:17 共计：3630 浏览

1、css元素选择器实例，CSS选择器first？

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

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

2、html怎么控制子代的hover？

楼主，这是通过>与+来控制下个元素，子集元素，下个元素的子集元素的CSS #a {color : #FFFF00;} #a:hover > #b{color : #FF0000;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} 元素1 元素2 元素3 元素2 下面是补充楼主，我又通过CSS选择器研究了一些，你可以参考着按照自己的需求改 #a:hover {color : #FFFF00;} #a:hover > #b:first-child{color : #FF0000;} #a:hover > #b{color : #FF00FF;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} 元素1 元素2 元素2 元素3 元素2

3、类选择器语法？

1. 标签名选择器 div { color：Red;} 即页面中的各个标签名的css样式 2.类选择器 .divClass {color:Red;} 即定义的每个标签的class 中的css样式 3.ID选择器 #myDiv {color:Red;} 即页面中的标签的id 4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} 即多个选择器以逗号的格式分隔命名找到准确的标签 5.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示

4、css应用范围？

在HTML中使用CSS，包括行内样式、内嵌式、链接式和导入式等。

1.行内样式：

行内样式是使用CSS方法中最为直接的一种，它直接对HTML的标记使用style属性，然后将CSS代码直接写入其中

2.内嵌式：

内嵌式样式表就是将CSS写在

和之间，并且用标记进行声明。示例：内嵌式CSS

color: #0000FF;

text-decoration:underline;

font-weight:bold;

font-size:25px;

}

内容1……

内容2……

内容3……

所有的CSS代码被集中在了同一区域，方便了后期维护，页面代码也大大减少。但如果一个网站拥有很多页面，对于不同页面上的

标记都采用同样风格时，内嵌式方法也有些麻烦，因此更适用于对特殊的页面设置单独的样式风格。

3.链接式：

链接式样式表使用频率最高，也是最为实用的方法，它将HTML页面与CSS样式风格分离为两个或者多个文件，实现了页面框架HTML代码与美工CSS代码的完全分离，使得前期制作和后期维护都十分方便，网站后台的技术人员与美工设计者也可以很好地分工合作。

同一个CSS文件可以链接到多个HTML文件中，甚至可以链接到整个网站的所有页面中，使网站整体风格统一、协调

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

·上一条：css选择器和字体属性，css文本属性有哪些_CSS学习 | ·下一条：css的引入方式和复合选择器，import引入css的区别_CSS学习