【响应式Web前端设计】CSS后代选择器和子代选择器
文章目录
- 子代选择器:>号
- 后代选择器:空格
文章目录
- 子代选择器:>号
- 后代选择器:空格
子代选择器:>号
.father>div{border: 2px solid blue; }`
后代选择器:空格
.father div{border: 2px solid pink;}
后代,顾名思义,子孙后代,不仅包括子还包括孙,曾孙,曾曾孙,只在在父里面的,都能管到。
子代,就只是儿子辈了,再往下的就管不了了。
举个上面的例子。
首先是后代选择:.the-demo li
子代选择:.the-demo>li
可以看到,孙辈的没有边框。子代选择只能一层一层的往下,孙1的子代选择:.the-demo>li>ul>li
【响应式Web前端设计】CSS后代选择器和子代选择器相关推荐
- 【响应式Web前端设计】一文学会使用Bootstrap!
文章目录 1 概念 2 Bootstrap简介 3 布局容器 4 导航栏(navbar) 4.1 基本 4.2 响应式 5 垂直表单-基本表单 6 栅格系统 7 标签页 8 响应式工具 请先学习该文 ...
- 【响应式Web前端设计】css如何设置边框的圆角样式?border-radius属性设置圆角样式(图 文)
border-radius包含5种设置圆角样式方式: border-radius :同时设置4个边框的圆角样式. border-top-left-radius :设置左上角边框的圆角样式. borde ...
- 【响应式Web前端设计】CSS3 :nth-of-type() 选择器
<!DOCTYPE html> <html> <head> <style> p:nth-of-type(2) {background:#ff0000; ...
- 【响应式Web前端设计】css中:overflow:hidden解决塌陷
overflow:hidden是当元素内的内容溢出的时候使它隐藏溢出的部分,即超出部分隐藏. 1.我们给一个父元素,里面有两个子元素 2.样式如下:给父元素设置背景颜色,子元素设置边框,两个字元素向左 ...
- 【响应式Web前端设计】CSS浮动(float,clear)讲解
首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流.如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为d ...
- 【响应式Web前端设计】CSS 定位详解
文章目录 1 position 属性的作用 2 static 属性值 3 relative,absolute,fixed 3.1 relative 属性值 3.2 absolute 属性值 3.3 f ...
- 【响应式Web前端设计】:link、:hover、:active和:visited的区别
:link.:hover.:active和:visited的区别? :link表示鼠标点击之前,也称为原始状态 :hover表示鼠标悬停状态 :active表示鼠标点击状态 :visited表示鼠标点 ...
- 【响应式Web前端设计】CSS3伪类与伪元素的区别
首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的 CSS中伪类与伪元素的概念是很容易混淆的,今天就来谈谈伪类与伪元素之间的区别 伪类:用于向某些选择器添加特殊的效果 伪元素:用于将特殊的效 ...
- 【响应式Web前端设计】HTML DOM padding 属性
定义和用法 padding 属性设置元素的内边距. padding 属性定义元素边框与元素内容之间的空间. 该属性可采取 4 个值: 如果规定一个值,比如 div {padding: 50px} - ...
最新文章
- 网页提示未认证授权的应用服务器,授权认证(IdentityServer4)
- 跳槽季最狗血的面试经历,没有之一...
- Java_Shell多线程
- 【AI产品】五一出游赏花草,你一定需要这款“形色”
- ROS:Nvidia Jetson TK1平台安装使用ROS
- POJ 1745 Divisibility【DP】
- 台大陈蕴侬、李宏毅“应用深度学习”课程(国语)
- 王者经典猎马技术之昨日重现
- java中return提醒不兼容的_JAVA报return为不兼容类型
- 函数式编程?别费力气了,它就是个愚蠢的玩具
- 解读 AppStore 新功能:自定义产品页面和 A/B Test 工具
- NeuSE: A Neural Snapshot Ensemble Method for Collaborative Filtering(阅读论文笔记)
- Java:javax.mail通过163服务器发送邮件
- 如何对OA 系统进行服务器迁移,OA服务器迁移心得体会.doc
- 搜搜问问做外链是一个误区
- win10 复制粘贴失效,关闭有道词典
- opencl 加速 c语言程序_在AlveoU200加速卡上实现简单手写数字识别
- easyui filebox 上传图片预览
- 智能实验室信息化系统的建设与管理
- XNA入门/框架介绍
热门文章
- 突破对银河系的传统认知 大量超高能宇宙加速器被发现
- opencv 斑马线,条纹检测
- 卷积神经网络中的各种池化操作
- the final mapping would have more than 1 type
- gevent.hub.LoopExit: ('This operation would block forever'
- youtube-dl
- ffmpeg avstream::codec 被声明为已否决
- ffmpeg解码优化参数
- 六、MySql索引分类
- php 安装curl init,linux下为php添加curl扩展的方法及curl_init函数用法案例详解