CSS是一種用于描述網(wǎng)頁(yè)樣式的語(yǔ)言，而QQ按條件查找是一種在QQ空間進(jìn)行搜索的方式，使用CSS來(lái)編寫QQ按條件查找的功能是不合適的，因?yàn)镃SS主要用于樣式描述，而不是實(shí)現(xiàn)搜索功能。

不過，如果您希望在網(wǎng)頁(yè)上實(shí)現(xiàn)類似的搜索功能，可以使用JavaScript、HTML和CSS結(jié)合起來(lái)完成，下面是一個(gè)簡(jiǎn)單的示例，展示如何在網(wǎng)頁(yè)上實(shí)現(xiàn)按條件查找的功能：

1、HTML結(jié)構(gòu)：

<div class="search-container">
  <input type="text" id="search-input" placeholder="輸入關(guān)鍵詞" />
  <button id="search-button">查找</button>
  <div id="search-results"></div>
</div>

2、JavaScript實(shí)現(xiàn)：

document.getElementById('search-button').addEventListener('click', function() {
  var input = document.getElementById('search-input').value;
  // 這里可以調(diào)用API進(jìn)行搜索操作，并獲取結(jié)果
  // 假設(shè)我們有一個(gè)函數(shù)fetchSearchResults(keyword)來(lái)獲取搜索結(jié)果
  var results = fetchSearchResults(input);
  var resultsDiv = document.getElementById('search-results');
  resultsDiv.innerHTML = ''; // 清空之前的結(jié)果
  results.forEach(function(item) {
    var resultDiv = document.createElement('div');
    resultDiv.style.border = '1px solid #ccc';
    resultDiv.style.padding = '10px';
    resultDiv.style.margin = '5px 0';
    resultDiv.style.backgroundColor = '#f9f9f9';
    resultDiv.style.borderRadius = '3px';
    resultDiv.style.boxShadow = '0 1px 3px rgba(0, 0, 0, 0.1)';
    resultDiv.style.transition = '0.3s';
    resultDiv.style.userSelect = 'text'; // 防止用戶選擇整個(gè)div區(qū)域
    resultDiv.style.cursor = 'pointer'; // 當(dāng)用戶點(diǎn)擊時(shí)，顯示手形圖標(biāo)
    resultDiv.style.position = 'relative'; // 使得內(nèi)部元素可以相對(duì)于它進(jìn)行定位
    resultDiv.style.left = '0'; // 使得內(nèi)部元素可以相對(duì)于它進(jìn)行定位
    resultDiv.style.top = '0'; // 使得內(nèi)部元素可以相對(duì)于它進(jìn)行定位
    resultDiv.style.width = '100%'; // 使得內(nèi)部元素可以相對(duì)于它進(jìn)行定位
    resultDiv.style.height = '100%'; // 使得內(nèi)部元素可以相對(duì)于它進(jìn)行定位
    resultDiv.style.backgroundColor = 'rgba(255, 255, 255, 0)'; // 設(shè)置背景顏色為透明，避免影響其他元素
    resultDiv.style.border = 'none'; // 去除邊框，避免影響其他元素
    resultDiv.style.padding = '0'; // 去除內(nèi)邊距，避免影響其他元素
    resultDiv.style.margin = '0'; // 去除外邊距，避免影響其他元素
    resultDiv.style.borderRadius = '0'; // 去除邊框圓角，避免影響其他元素
    resultDiv.style.boxShadow = 'none'; // 去除陰影，避免影響其他元素
    resultDiv.style.transition = 'none'; // 去除過渡效果，避免影響其他元素
    resultDiv.style.userSelect = 'none'; // 防止用戶選擇整個(gè)div區(qū)域
    resultDiv.style.cursor = 'default'; // 當(dāng)用戶點(diǎn)擊時(shí)，顯示標(biāo)準(zhǔn)圖標(biāo)
    var title = document.createElement('h3');
    title.style.margin = '0'; // 去除標(biāo)題的外邊距
    title.style.padding = '10px 0'; // 設(shè)置標(biāo)題的內(nèi)邊距
    title.style.backgroundColor = 'rgba(255, 255, 255, 0)'; // 設(shè)置背景顏色為透明，避免影響其他元素
    title.style.border = 'none'; // 去除邊框，避免影響其他元素
    title.style.borderRadius = '0'; // 去除邊框圓角，避免影響其他元素
    title.style.boxShadow = 'none'; // 去除陰影，避免影響其他元素
    title.style.transition = 'none'; // 去除過渡效果，避免影響其他元素
    title.style.userSelect = 'text'; // 防止用戶選擇整個(gè)div區(qū)域
    title.style.cursor = 'pointer'; // 當(dāng)用戶點(diǎn)擊時(shí)，顯示手形圖標(biāo)
    title.innerHTML = item; // 設(shè)置標(biāo)題的內(nèi)容為搜索結(jié)果的一部分（標(biāo)題或鏈接）
    result