css選擇器思維導圖，css規則定義有哪些選擇符？
css選擇符（選擇器）有以下這些：
1、通配選擇符（ * ）：匹配任意元素。
2、id選擇符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、類選擇符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、標簽選擇符（div, h1, p）：選擇指定元素名稱的所有元素。
5、相鄰選擇符（E + F）：用于選擇（不是內部）指定的第一個元素之后緊跟的元素。
6、子選擇符（E > F）：用于選取帶有特定父元素的元素，例ul > li，選擇所有父級是 <ul> 元素的每個 <li> 元素。（學習視頻分享：css視頻教程）
7、后代選擇符（E F）：用于選取元素內部的元素。
8、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。
dom操作？
文檔對象模型( DOM, Document Object Model )主要用于對HTML和XML文檔的內容進行操作。DOM描繪了一個層次化的節點樹，通過對節點進行操作，實現對文檔內容的添加、刪除、修改、查找等功能。
一、DOM樹
DOM樹有兩種，分別為節點樹和元素樹。
節點樹：把文檔中所有的內容都看成樹上的節點；
元素樹：僅把文檔中的所有標簽看成樹上的節點。
二、DOM常用操作
2.1 查找節點
document.getElementById('id屬性值');
返回擁有指定id的第一個對象的引用
document/element.getElementsByClassName('class屬性值');
返回擁有指定class的對象集合
document/element.getElementsByTagName('標簽名');
返回擁有指定標簽名的對象集合
document.getElementsByName('name屬性值');
返回擁有指定名稱的對象結合
document/element.querySelector('CSS選擇器');
僅返回第一個匹配的元素
document/element.querySelectorAll('CSS選擇器');
返回所有匹配的元素
document.documentElement
獲取頁面中的HTML標簽
document.body
獲取頁面中的BODY標簽
document.all['']
獲取頁面中的所有元素節點的對象集合型
2.2 新建節點
document.createElement('元素名');
創建新的元素節點
document.createAttribute('屬性名');
創建新的屬性節點
document.createTextNode('文本內容');
創建新的文本節點
document.createComment('注釋節點');
創建新的注釋節點
document.createDocumentFragment( );
創建文檔片段節點
2.3 添加新節點
parent.appendChild( element/txt/comment/fragment );
向父節點的最后一個子節點后追加新節點
parent.insertBefore( newChild, existingChild );
向父節點的某個特定子節點之前插入新節點
element.setAttributeNode( attributeName );
給元素增加屬性節點
element.setAttribute( attributeName, attributeValue );
給元素增加指定屬性，并設定屬性值
css標簽選擇器最多寫幾個？
可以寫一個，也可以寫多個，沒有上限
和css中的選擇器有什么區別？
這個是有區別的。
1、首先說兩者是屬于不同的兩門語言，jquery是屬于js的一個框架，則其選擇器是js里面的選擇器，css是另一門不同于js的語言，其選擇器是css選擇器，則兩者在根本上是不同的。
2、但是兩者是有交集的，都是作為網頁或者瀏覽器解析的語言，而js可以通過修改瀏覽器的dom對象來實現對css修改或者是控制。
3、可以簡單的這樣區分兩者，css選擇器用語css當中，js選擇器應用于js當中，只不過有時兩者使用相同的id標識來選擇對象。