pseudo-element

    0熱度

    2回答

    我有一個Bootstrap列表組,其中包含圖標項目。我試圖從列表組中刪除第一個圖標。我怎樣才能做到這一點?這裏是我的代碼: <ul class="list-group" id="vacationList"> <li class="list-group-item text-center" id="vacationListTitle">Our in-home pet care incl

    1熱度

    3回答

    以下是我的代碼,其中我試圖將紅色底部應用於div,方式如下:50px左右分別爲margin,然後拉伸至最大寬度,但不知何故它正在向左移動。讓我知道我該如何讓中間出現在div底部,左右兩側留有50px的空間。 也讓我知道爲什麼::after元素是從中心創建比從最左邊。 [參考其創作的圖像]。 HTML - <div class="container"> <h1>This is a simp

    0熱度

    1回答

    我已經創建了一個破碎的邊框效果,但我不想在邊框的末端進行銳利的外觀,我希望它可以裝箱。我已經搞砸了border-radius和我所能想到的一切,但不能想到任何事情。任何輸入將不勝感激。 我想它看起來像這樣: .container{padding-top: 40px;} a h3{margin-top:0!important;} .col-sm-15{ width: 18%

    0熱度

    2回答

    我目前正試圖加快網站的加載時間。當我接受這個項目時,會出現翻轉圖像,這些圖像會使圖像變亮,以略微表示您已經過了'類別'。我知道你可以在css中做到這一點,而不必使用兩個完全相同的圖像(第二個稍微亮一些)。我使用after屬性來添加具有較高z-索引的白色背景,並且具有輕微的不透明度模仿這個想法。 在上一個主頁中,這些「類別圖像」是可點擊的,但是在執行:after僞元素後,圖像周圍的鏈接消失了。 這是

    1熱度

    3回答

    我想建立如下的佈局: 優選我想只使用CSS了點。但即使有背景圖片,我也不知道如何構建它。我搜索了網頁,但沒有找到我需要的幫助。 該佈局包含一個div,其中包含一些文本。背景顏色是淺灰色。然後,我想添加一個較暗的三角形背景,如圖所示。這也應該作爲響應式佈局來工作。 我的嘗試: # html <div class="wrapper"> <h1>Das ist ein test</h1>

    0熱度

    2回答

    元素之後我有一些漂亮的CSS: $itemHeight: 40px; $arrowModifier: 8; $pageBackgroundColor: $color-gray-50; .processBar { display: flex; flex-wrap: wrap; &_item { display: inline-block;

    1熱度

    1回答

    當我將鼠標懸停在div上時發射了幾個效果。問題是div也有僞元素:: after,它使用內容CSS規則用虛擬元素(播放按鈕)填充div。 當我懸停除了:: after元素所在空間以外的div的任何部分時,我的懸停效果就起作用。 簡單地說,我想知道是否有方法使用jQuery指向:: after元素。我試圖將:: after元素定義爲一個名爲「play」的變量,但是在那裏也沒有運氣。這是我的腳本: v

    1熱度

    2回答

    在this page,我想在包含「ADSL寬帶1」的灰色框的上方添加一些文本。 我使用下面的CSS規則試過,但它不工作: .vc_tta-panels #adsl .vc_tta-panel-body:before { content: 'text goes here'; } 你能看到這裏有什麼問題嗎?

    3熱度

    1回答

    我試圖動態編輯那種CSS屬性的角2項目,但沒有成功:( progress::-moz-progress-bar { background: #278ce2; } 我想在加入正progressbars 。同一頁面背景的顏色是由用戶選擇,並動態切換的想法是一個CSS屬性添加到這樣創建的每個欄: classname::-moz-progress-bar { ba

    2熱度

    1回答

    DOM樹中實際不存在僞元素(例如::before或::after)中的內容。所以,通過選擇器找到它是不可能的。 問題是,我怎麼能提取它的內容?例如: <div>This is <span></span>n apple.</div> ... span::before { content : "a" } shows : This is an apple. 但如果我提取div的文