.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小知识
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 本文主要是收录一些人们可能经常会忽略,但又挺重要的Java方面的小知识。有推荐的也可以在下方留言,大家一起进步呀!...