.2后代选择器(重要)后代选择器又称为包含选择器,可以选者父元素里面的子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。语法:ul li { 样式声明 } /* 选择ul里面所有的li标签 */*元素1和元素2中间用空格隔开*元素1是父级,元素2是子级,最终选择的是元素2 *元素2可以是儿子,也可以是孙子等,只要是元素1的后代即可*元素1和元素2可以是任意基础选择器1.3子选择器(重要)子元素选择器(子选择器)只能选择作为某元素的最近一级子元素,简单理解就是选亲儿子元素。语法:元素1>元素2(样式声明)上述语法表示选择元素1里面的所有直接后代(子元素)元素2例如:div>p { 样式声明 } /* 选择div里面所有最近一级p标签元素 */*元素1元素2中间用大于号隔开*元素1是父级元素2是子级,最终选择的是元素2*元素2必须是亲儿子,其孙子、重孙之类的都不归他管,你也可以叫他亲儿子选择器课堂提问?1.请将下面的链接文字修改为红色。<div class=”nav”> <ul> <li><a href=”#”>百度</a></li> <li><a href=”#”>百度</a></li></ul></div>.nav ul li a { color: red;}2.请将下面的大肘子文字改成红色<div class=”hot”> <a href=”#”>大肘子</a> <ul> <li><a href=”#“>猪头</a></li> <li><a href=”#“>猪尾巴</a></li> </ul></div>.hot>a { color: red;}1.4并集选择器(重要)并集选择器可以选择多组标签,同时为他们定义相同的样式。通常用于集体声明并集选择器是各选择器通过英文逗号(,)连接而成,任何形式的选择器都可以作为并集选择器的一部分语法:元素1,元素2 { 样式声明 }上述语法表示选择元素1和元素2例如:u1,div { 样式声明 } /* 选择u1和div标签元素 */*元素1和元素2中间用逗号隔开*逗号可以理解为和的意思*并集选择器通常用于集体声明1.6链接伪类选择器a:link /* 选择所有未被访问的链接 */a:visited /* 选择所有已被访词的链接 */a:hover /* 选择鼠标指针位于其上的链接 */a:active /* 选择活动链接(鼠标按下未弹起的链接) */链接伪类选择器实际工作开发中的写法:/* a是标签选择器 所有的链接 */а {color:gray;}/* :hover是链接伪类选择器 鼠标经过 */a: hover {color: red;/* 鼠标经过的时候,由原来的灰色变成了红色 */}一链接伪类选择器注意事项.二链接伪类选择器实际开发中的写法链接伪类选择器注意事项1.为了确保生效,请按照LVHA的循顺序声明:link-:visited-:hover-:active。2.记忆法:love hate或者lv包包 hao。3.因为a链接在浏览器中具有默认样式,所以我们实际工作中都需要给链接单独指定样式。
JAVA小知识
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 第二组 支持多行输入的文本域::textarea标签 成对出现(之间可以输入默认值) cols:多行输入的列数;r...
- 本文主要是收录一些人们可能经常会忽略,但又挺重要的Java方面的小知识。有推荐的也可以在下方留言,大家一起进步呀!...