css选择器

xiaoxiao2021-02-28  113

css选择器综述

css选择器分类介绍

派生选择器ID选择器类选择器属性选择器元素选择器子元素选择器相邻兄弟选择器后代选择器 常用的选择器是派生选择器,id选择器,类选择器,以及他们的组合选择方式! W3School关于css的教程

特点:

派生选择器,后代选择器,子元素选择器功能相似,都是对具有包含关系的元素进行选择,选择规则略有不同;派生选择器选择规则是按照标签名称对具有包含关系(上下文关系)的标签元素进行选取; li strong { font-style: italic; font-weight: normal; }

后代选择器是可以按照标签名或者类名进行选择,选择范围是无限包含关系;

div.sidebar代表siderbar类的div

div.sidebar {background:blue;} div.maincontent {background:white;} div.sidebar a:link {color:white;} div.maincontent a:link {color:blue;} h1 em {color:red;} 子元素选择器,选择范围是一级子元素; h1 > strong {color:red;} 结合后代选择器和子元素选择器: table.company td > p

选择器的根本目的就是精确的选择目的标签,多个选择条件之间用空格隔开表示条件的递进关系,使用逗号隔开表示级别相同,不相干的组合关系。另外的子结合符合兄弟结合符用的较少。

转载请注明原文地址: https://www.6miu.com/read-59290.html

最新回复(0)