列位前端初学者们 , css是我们最最根本的常识了 , 那么你们对css选择器的领会有几多呢?选择器是css中很主要的常识 , 用好了选择器 , 那么你的css样式将出格标致!
需要这些哦
电脑
前端编纂器(Dreamweaver或者sublime)
根基选择器1一、标签选择器:选择给哪个标签加样式 , 主动指标的目的该标签 , 语法:标签选择器名{ 属性:属性值; } 。
文章插图
2二、类选择器:给一类html标签加样式 。 语法: 类选择器名{属性:属性值; } , 选择器名是本身界说 , 要起得有意义 。
文章插图
3三、Id选择器:给特定的html标签加样式 。 格局:id选择器名{属性:属性值; } , Id选择器用#来暗示 。 选择器名自界说 , 要起得有意义 。
文章插图
4四、通用选择器:(*所有)给所有的标签加样式 , Html body p table ul li ol ….. 给所有的html标签加样式 。 语法: *{属性:属性值; } 。
文章插图
复合选择器1一、多元素选择器:多个标签共有的属性和属性值 , 放到一路 。 语法:选择器 , 选择器 , 选择器……..{共有的属性:属性值; } 。
文章插图
文章插图
2二、儿女元素选择器:给html的儿女标签加样式 。 语法:选择器1 选择器2 选择器3{属性:属性值; } 。
文章插图
文章插图
3【详解CSS选择器的分类】三、子元素选择器 :给html标签的子标签加样式 。 格局:选择器>选择器{属性:属性值; } 。
文章插图
注重事项标签选择器不消引用 , 把样式主动套到对应的标签 , 所有的对应标签都加上该样式
注重css语法 , 语法错误的话 , 样式会乱
以上内容就是详解CSS选择器的分类的内容啦 , 希望对你有所帮助哦!
推荐阅读
- Mate 9 魅力负一屏详解
- 详解教你金毛犬怎么养
- 详解哈士奇的性格特点
- SVN迁移步骤详解
- 如何在网页中引入外部JS文件和CSS样式文件
- 绕圈动画——css3事例分享
- 简单的旋转灯笼效果——css3事例
- 详解金毛犬小狗好养吗
- word表格的基本操作,表格制作详解
- 腾讯王卡使用虎牙直播免流范围详解