首页 > 其他分享 >CSS选择器

CSS选择器

时间:2022-08-20 11:33:57浏览次数:99  
标签:层级 伪类 元素 同胞 选择器 CSS

  • css中选择器分为基础选择器复合选择器两个大类。
  • 基础选择器是由单个选择器组成的。包括:标签选择器、类选择器、id选择器和通配符选择器
  • 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等

这30个CSS选择器,你必须熟记(上)

  • 相邻两个有层级关系的节点,他们之间是父子关系。如果两个元素之间跨越两个层级以上,它们是祖辈和后代(爷爷、孙子)的关系。
  • 两个元素是同一层级,则是同胞关系。
* 选择所有
#x 根据id选
.y 根据class选
x 根据标签名选

x y 选择<div>元素内的所有<p>元素
x+y 紧邻同胞选择器
x~y 后续同胞选择器
x>y 只选择一个元素的子元素
x:visited 伪类选择器
x[title] 简单属性选择器

image

标签:层级,伪类,元素,同胞,选择器,CSS
From: https://www.cnblogs.com/anjun-xy/p/16607393.html

相关文章

  • HTML与CSS(浅学一下)-----6:
    HTML与CSS(浅学一下):JavaScript:Javascript语言诞生主要是完成页面的数据验证。因此它运行在客户端,需要运行浏览器来解析执行JavaScript代码。JS是Netscape网......
  • CSS-盒子四周阴影效果
    CSS-盒子四周阴影效果属性box-shadow,<styletype="text/css">.fei{margin-left:230px;width:100px;height:100px;border:1pxsolid#eee;......
  • HTML与CSS(浅学一下)-----5:
    HTML与CSS(浅学一下):选择器:标签名选择器:格式:在head标签里面使用style标签。<!--需求:在所有div标签上修改文字字体颜色为蓝色,字体大小为30个像素,边框为1像......
  • css属性样式整合
    font-size字体大小常用色值:#000黑色;#fff白色;#ccc、#333、#2f2f2f、#666、#ddd灰色;rgb表示法:color:rgb(255,255,255);rgba表示法:color:rgba(255,255,255,0.5)第四位......
  • JQuery_选择器_表单过滤选择器和JQuery_DOM操作_内容操作
    表单过滤选择器可用元素选择器语法:enabled获得可用元素不可用元素选择器语法:disabled获取不可用元素选中选择器语法:checked获得单选/复选框选中的元素......
  • JQuery_属性选择器和JQuery过滤选择器
    JQuery_属性选择器属性名称选择器:语法:$("A[属性名]")包含指定属性的选择器属性选择器语法:$("A[属性名='值']")包含指定属性等于指定值的选择器复合属性选择器......
  • JQuery表单过滤选择器和JQuery_DOM内容操作
    JQuery表单过滤选择器1.可用元素选择器语法::enabled获得可用元素 2.不可用元素选择器 语法::disabled获得不可用元素 3.选中......
  • JQuery表单过滤选择器以及DOM内容操作
    表单过滤选择器 1.可用元素选择器语法::enabled获得可用元素 2.不可用元素选择器语法::disabled获得不可用元素 3.选中选择器语法::checked获......
  • css div的水平、垂直同时居中
    创建页面布局的时候,会遇到只是用纯粹的css控制div的垂直和水平居中。有很多种方法可以实现这种效果,这里列出我喜欢的。首先是最基本的,css控制div水平居中创建一个div的水......
  • css的五种定位方式
    CSS中的position属性用来设置元素在页面中的位置,通过该属性您可以把任何属性放置在任何您认为合适的位置。position属性有5个可选值,分别对应5种不同的定位方式,如下......